使用element-ui写列表,实现:改变选中的行样式

Element-ui 文档上写:


1
2

template代码:

   
。。。。

selectionChange函数是要把选中的列表保存住,

rowClassName函数就是根据选中的索引来添加className

  methods:{
    selectionChange(val) {
    //  val是列表选中的数组信息
      this.selectionList = val
    },
    rowClassName() {
      //下面的意思就是列表索引为0的这行加一个className:warning-row,
      if (rowIndex === 0) {
        return 'warning-row';
      }
    }
  },

样式不能写在