vue+elementUI数据更新样式混乱

Question

用row-class-name给el-table设置行样式，数据更新后行样式渲染混乱，是不是需要用Vue.nextTick()在回调中更新，如果是，动态样式:row-class-name="tableRowClassName"如何在回调中更新？<el-table :data="tableList" :row-class-name="tableRowClassName">...</el-table><script>     tableRowClassName({row, rowIndex}) {        if (row.type === 2) {            return 'success-row';         }        return '';     },     getList(){         axios.post('/getList', {            uid: this.uid         })         .then(function (response) {            console.log(response);            this.tableList = response.data.dataList         })         .catch(function (error) {            console.log(error);         });     }</script>

Answer 1

直接 :row-class-name="row.type === 2 ? 'success-row' : ''" 试试