千家信息网

element如何实现table跨分页多选及回显

发表于:2025-01-21 作者:千家信息网编辑
千家信息网最后更新 2025年01月21日,小编给大家分享一下element如何实现table跨分页多选及回显,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!1.data中定义getRowKeys,记录每行的key值getRow
千家信息网最后更新 2025年01月21日element如何实现table跨分页多选及回显

小编给大家分享一下element如何实现table跨分页多选及回显,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

1.data中定义getRowKeys,记录每行的key值

getRowKeys(row) {   return row.id;},

2.el-table绑定getRowKeys

3.将selection列的reserve-selection设为true

4.表格数据选中方法handleSelectionChange

handleSelectionChange(rows) {    this.multipleSelection = rows;    this.select_number = this.multipleSelection.length;    this.select_Id = [];    if (rows) {        rows.forEach((row) => {          if (row) {            this.select_Id.push(row.id);          }        });    }},

代码整理






0