1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > element-ui 中 el-table 分页多选(记住上一页勾选数据)及编辑回显

element-ui 中 el-table 分页多选(记住上一页勾选数据)及编辑回显

时间:2023-02-26 23:58:54

相关推荐

element-ui 中 el-table 分页多选(记住上一页勾选数据)及编辑回显

element-ui 中 el-table 分页多选(记住上一页勾选数据)及编辑回显

element-ui 的官网是有属性的

el-table-colum 的reserve-selection属性

el-table 的row-key属性

row-key属性传入唯一值

<el-table:data="tableData"borderstripev-loading="tableloading"ref="multipleTable"row-key="equipmentId"@selection-change="handleSelectionChange"><el-table-column type="selection" label="序号" reserve-selection width="50"></el-table-column></el-table>

row-key属性传入一个方法

<el-table:data="tableData"borderstripev-loading="tableloading"ref="multipleTable":row-key="getRowKeys"@selection-change="handleSelectionChange"><el-table-column type="selection" label="序号" reserve-selection width="50"></el-table-column></el-table>

getRowKeys(row) {return row.equipmentId},

编辑回显数据

核心:this.$refs.multipleTable.toggleRowSelection(val, true)

// 数据列表dataTable() {let vm = this;let url = mon.data().wisdomCommunityWeb + "/upgrade/plan/equipment-page-list";let data = {};data = { ...vm.dataForm, ...vm.pages };vm.tableloading = mon.getdata(vm, url, data, function (res) {vm.tableloading = false;vm.tableData = res.data;vm.pages.num = res.total;vm.tableData.forEach((item) => {if(item.isCheck == 2) {vm.$refs.multipleTable.toggleRowSelection(item)}});});},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。