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


    

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);
        }

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

你可能感兴趣的:(javascript,vue.js,前端)