element实现跨页勾选

一、实现过程

 <el-table
      :row-key="getRowKeys"
       @select="judgeSelect"
    >
    //加上 :reserve-selection="true"
  <el-table-column :type="selection" :reserve-selection="true" width="55" />

methods:{
  getRowKeys(){
  return row.id;
  },
      //跨页勾选
    judgeSelect(selection, row) {
      let isFlage = true;
      console.log(selection);
      //row:勾选或去掉勾选都会返回本行的id
      console.log(row);
      this.selectTaskList.forEach(item => {
      //去掉勾选怎么从集合里面删除
        if (item === row.id) {
          let index = this.selectTaskList.indexOf(item);
          isFlage = false;
          this.selectTaskList.splice(index, 1);
        }
      }); 
      //新勾选则添加
      if (isFlage === true) {
        this.selectTaskList.push(row.id);
      }

      console.log(this.selectTaskList);
    }
}