Web语言】 elementUI table中怎么让表格生成时,所有的tr 复选框默认选中

2021-11-24 14:32发布

6条回答
一个Ai
2021-11-25 15:01

场景分析:
进入页面编辑表格的时候,表格的多选框后台记住勾选的处于默认选中状态。
解决办法:
可以在后台返回数据之后调用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();}},

一周热门 更多>