element table 多选，切换页面，保留多选的选中的数据

element table 多选，切换页面，保留多选的选中的数据

element 在table属性中有设置reserve-selection
这个属性 组要配合row-key

1. 在selection行加设置属性reserve-selection为true
2. 在el-table 设置row-key

 
    <el-table  :row-key="getRowKey"  :data="tableData"   @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" :reserve-selection="true"></el-table-column>
      <el-table-column type="index" width="50"></el-table-column>
      <el-table-column prop="date" label="日期" width="180"></el-table-column>
      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>

3. js 设置row-key 的值

  methods:{
    handleSelectionChange(val) {
      this.multipleSelection = val
    },
    getRowKey(row){
      return row.id
    }
}
</script>