vue + element Table的数据多选，多页选择数据回显，分页记录保存选中的数据。

<el-table ref="multipleTable"  :data="goodslist" tooltip-effect="dark"  @selection-change="handleSelection" >
            <el-table-column type="selection" width="55"></el-table-column>
            <el-table-column label="序号" width="60" fixed="left"><template slot-scope="scope">{{ scope.$index }}</template></el-table-column>
            <el-table-column prop="productName" label="商品名称" width="150"></el-table-column>
 </el-table>

methods: {
    toggleSelection(rows) {
      console.log('rows',rows)
      if (rows) {
        rows.forEach(row => {
          // this.$refs.multipleTable.toggleRowSelection(row)
          this.$nextTick( ()=> {this.$refs.multipleTable.toggleRowSelection(row);})
        });
      } else {
        this.$refs.multipleTable.clearSelection();
      }
    },
}

handleSelection(val) {
      this.multipleSelection = val;
      this.multipleSelectall[this.current] = val
      sessionStorage.setItem('multipleSelectall',JSON.stringify(    this.multipleSelectall) )
    },

setselect(){
  var {goodslist}=this
  var multipleSelectall= sessionStorage.getItem('multipleSelectall' )
  var multipleSelectalls=JSON.parse(multipleSelectall)
  var newarr=multipleSelectalls[this.current]
  if(!multipleSelectalls)return
  if(!newarr.length)return
  var arr=[]
  goodslist.filter(res=>{
    newarr.filter(row=>{if(row.id==res.id)arr.push(res)})
  })
  this.multipleSelectall=multipleSelectalls
  if(multipleSelectalls[this.current])this.toggleSelection(arr)
},

handleCurrentChange(val) {
  this.current=val
  //请求数据
   search('请求参数').then(res => {
        this.goodslist=res.data.records
        this.total=res.data.total
        this.setselect()
      });
},