element-ui中row-class-name和row-style使用的坑

官方的row-class-name使用示例如下,这个地方有个大坑,在style样式设置为scope也就是局部作用的时候会失效,必须将其去除,然而这样在组件中修改样式就会导致全局样式的变化,显然很不合理。

tableRowClassName({row, rowIndex}) {
        if (rowIndex === 1) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          return 'success-row';
        }
        return '';
      }

建议使用row-style:此处row-style要求我们返回的是一个样式的对象

isSelected({ row }) {
      if (row.params_id == this.currentParamsID) {
        // 此处element-ui的row-class-name有bug,故使用row-style作为替代
        return { color: '#0052d9', 'font-weight': 600 }
      }
      return ''
    },

你可能感兴趣的:(element-ui杂项)