Vue Element Table 跨页面多选功能

前言 vue + element ui 已经成很多后台管理的选择框架

问题：

• 后台管理系统需要很多table 的展示，一般都还是做分页效果的展示
• 导出功能选择项，以及跨页面进行选择就是问题？

解决办法：row-key

第一步：el-table绑定 row-key 和 selection-change

或者

解释： row-key 支持多种方式，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。

官网方法

2.将selection列设置reserve-selection=true

3. methods 中定义方法`

   getRowKeys(row) {
      return row.id;
    },
    getSelectionChange(val) {
      console.log(val, "====getSelectionChange");
    },

效果图

我还有更加繁琐的方法，你要看吗？哈哈！ps：因为以前不知道，所以一直都用繁琐的方法。