elementui dialog中el-table多选table修改时设置选中项

el-table默认选中项
核心伪代码如下:

this.$refs.multipleTable.toggleRowSelection(this.tableData[index],true);   //row 选中

外面套两层for循环,if判断想要选中的某项值和tableData中某对象的某个值相等即可

for(var i=0; i

当然前提是必须要现生成table列表,然后获取到修改项,包括选中项,重要的一点是必须把拿到的数据赋值给data中双向绑定的数据:
问题来了,我设置好之后,数据时拿到了,设置也设置了,但是view视图时而能更新,时而不能更新,仔细排查了一遍,原因是因为dialog弹出来了但是其中的table还未被实例化,不能被操作,只需要将数据延迟一下渲染ok了,如下:

var setData = () => {
   for(var i=0; i {
        setData()
    }, 200)
} else {
    setData()
}

okay,当然被忘了给table添加ref的属性。
提交完毕清空选中项:

this.$refs.multipleTable.clearSelection();            //操作完成清除勾选项

你可能感兴趣的:(vue,elementui,前段框架,前端,vue-js,javascrip)