Vue(element ui)中行操作row参数的使用

        在使用element ui或Vue中当我们要对表格中的数据按行进行特殊操作或标记时，通常通过在vue中methods方法中操作row参数来访问该行的索引或是单元格中的数据进行对应操作。

样式表格中

Vue中

    methods: {
        tableRowClassName: function (row) {
            console.log(row)
            if (row.rowIndex === 1) {
                return 'warning-row';
            } else if (row.rowIndex === 3) {
                return 'success-row';
            }
            return '';
       }

 通过row.rowIndex===?可以访问当前行的索引，就可以通过指定 Table 组件的row-class-name属性来为 Table 中的某一行添加 class，表明该行处于某种状态。

与此同时我们也可以通过row来访问该行的每一个单元格数据