场景分析:进入页面编辑表格的时候,表格的多选框后台记住勾选的处于默认选中状态。解决办法:可以在后台返回数据之后调用table的toggleRowSelection方法来实现默认勾选代码如下:data(){return{tableData:[],//当前的table的数据hasSelectList:[],//已经选择的id组成的数组}}//默认选中的数据checkFn() {const _this = this;_this.$nextTick(() => {_this.tableData.forEach((row, i) => {_this.hasSelectList.forEach((selectrow, j) => {if (_this.tableData[i].equipmentCode ===_this.hasSelectList[j].equipmentCode) {_this.$refs.dataTable.toggleRowSelection(row, true);//_this.$refs.dataTable.toggleRowSelection(_this.tableData[i], true);}});});});},toggleSelection(rows) {if (rows) {rows.forEach((row) => {this.$refs.dataTable.toggleRowSelection(row);});} else {this.$refs.dataTable.clearSelection();}},
场景分析:
进入页面编辑表格的时候,表格的多选框后台记住勾选的处于默认选中状态。
解决办法:
可以在后台返回数据之后调用table的
toggleRowSelection
方法来实现默认勾选代码如下:
一周热门 更多>