element-ui toggleRowSelection 默认选中编辑回显

场景:当我们在table 中选择几条数据往后台保存的时候会遇到有编辑的状态。

重点:后台在返回数据时,需要加一个标识位(如:hasChecked: true),我们通过循环判断每条数据中的hasChecked是否等于true并勾选;(前提是我们要在el-form标签里加上 ref 属性,如:ref=“multipleTable”;this.saleListData为后台返回的数据

for(let i = 0;i < this.saleListData.length;i++){

    if(this.saleListData[i].hasChecked == true ){

       this.$nextTick( ()=> {

            this.$refs.multipleTable.toggleRowSelection(this.saleListData[i],true);

        })

     }

};

扫描二维码关注公众号,回复: 6756715 查看本文章

亲测有效,如有问题请在下方留言

猜你喜欢

转载自blog.csdn.net/weixin_41760500/article/details/93734405