el-table行内容本行其他元素改变

<el-table-column prop="TEACHER_TYPE" label="教师类型"    min-width="5">
    <template #default="scope">
    {
   
   {scope.row.TEACHER_TYPE== 1 ? "数学老师" : scope.row.TEACHER_TYPE== 4 ? "英语老师" : "" }}
    </template>
</el-table-column>

js获取list集合的最后一个对象

state.defaultSelected =state.VisLevel_Ary.slice(-1)[0];

新增之后选中el-table新增的那一行

一、实现这个需要做到新增完之后先查询，再新增。

省略新增部分，新增完之后。

select().then(() => {
     state.defaultSelected =state.VisLevel_Ary.slice(-1)[0];
     rowClick(state.defaultSelected)
})

 下面的singleTable 是el-table绑定的ref="singleTable"

const rowClick = function(row){
            setCurrent(row);
            state.code= row.code;
            state.name= row.name;
        }
        // 当前数据行背景样式
        const  setCurrent= function(row) {
            _this.$refs.singleTable.setCurrentRow(row);
        }

这样就实现了新增之后选中最新的一行，当然这要求没有分页，如果有分页，这样就不行了，还得判断一页有多少条，一共有几页之类的，做到展示出来的那一页得有本条数据，这样就比较麻烦了，不如不做。