利用element的布局标签设计的表格，为啥不能在el-row或el-col中直接动态绑定属性以便切换标签样式而只能在span标签中绑定？

  • Z时代
  • 2024-02-27
  • 分类：IT

 <el-row v-for="(item, index) in list " :key="index" class="table-col">
      <el-col v-for="( item2, index2 ) in  item " :key="index2" :span="24 / item.length" class="table-item">
        <span :class="[item2.title === 'Result' ? activeCls : '',item2.title==='SN'?'green':'' , item2.title === 'Time' ? 'green' : '', item2.title === '工站' ? 'darkblue' : '', labelCls]">{{ item2.title }}</span>
        <span :class="[item2.value === 'NG' ? activeCls : '', valueCls]">{{ item2.value }}</span>
      </el-col>
    </el-row>

回答：

el-row或el-col并没有提供专门的属性用于修改样式
加类名修改样式不生效, 在浏览器是调试器中看一下该样式是否真的生效, 有没有添加成功
是否需要使用下钻

以上是 利用element的布局标签设计的表格，为啥不能在el-row或el-col中直接动态绑定属性以便切换标签样式而只能在span标签中绑定？ 的全部内容， 来源链接： utcz.com/p/934548.html

回到顶部