在 Vue.js 中,每个页面都有自己的组件实例,因此不同页面之间的同一个类名不会相互影响。可以在每个页面的组件中使用 '.el-input-group__append' 类名,它们不会相互冲突。

示例代码:

<template>
  <div>
    <el-input-group>
      <el-input></el-input>
      <div class='el-input-group__append'>页面1</div>
    </el-input-group>
  </div>
</template>
<template>
  <div>
    <el-input-group>
      <el-input></el-input>
      <div class='el-input-group__append'>页面2</div>
    </el-input-group>
  </div>
</template>

在上面的示例中,页面1和页面2都有一个 '.el-input-group__append' 的元素,它们不会相互影响。

Vue.js 中 .el-input-group__append 类名作用域问题

原文地址: https://www.cveoy.top/t/topic/pXxl 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录