el-table选中数据勾选状态不清空的做法&&监听拿到勾选的所有数据

1.el-table结合el-pagination,在翻页之后再返回勾选的数据状态会消失,解决办法:

给selection行加上:reserve-selection="true";

给el-table加上:row-key="rowKey";

两者缺一不可;

2.拿到每页所勾选的数据,使用watch函数,el-table上绑定的选中函数@selection-change="handleSelectionChange";

handleSelectionChange(val) {
      this.multipleSelection = val;
    },

将val赋值给data中的一个数组,在watch函数中监听这个数据即可

watch: {
    multipleSelection(newValue, oldValue) {
      console.log(newValue);
    },
  },

你可能感兴趣的:(elementui,vue.js,javascript)