el-table多选框，分页保留上页选中目标

1、在 el-table中，设置table的唯一标识：row-key="id"，在复选框列中，设置 reserve-selection ，设置为 true 时，则点击分页的时候，根据table中的 row-key ，来保留之前选中的数据，

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

<!-- 表格控件 -->　　　　<el-table      :data="tableData"      style="width: 100%"      :fit="true"      @selection-change="handleSelectionChange"      row-key="id"      :header-cell-style="{background:'#F0F2F5',color:'#585858',textAlign: 'center',fontSize: '12px'}"    >      <el-table-column        type="selection"        align="center"        reserve-selection        width="55">      </el-table-column>      <el-table-column        prop="merId"        min-width="90"        align="center"        show-overflow-tooltip        label="商户号">        <template slot-scope="scope">          {{scope.row.refId}}({{scope.row.refname}})        </template>      </el-table-column>    </el-table>　　　　<!-- 分页控件 -->    <div class="pagein_box">      <el-pagination        @size-change="handleSizeChange"        @current-change="handleCurrentChange"        :current-page="pageNo"        :page-sizes="[10, 20, 30 ,40]"        layout=" prev, pager, next,sizes, jumper, total"        :total="pageInfo.totalNum"        :pager-count= "5"      >      </el-pagination>    </div>

2、

?

1 2 3 4 5 6 7 8 9 10

// 获取当前点击的每页几条 handleSizeChange(val) {     this.pageSize = val;     this.getRoleLists(); }, // 点击切换分页页码，获取当前点击的是第几页 handleCurrentChange(val) {     this.pageNo = val;     this.getRoleLists(); },

 3、获取选中的id：

function handleSelectionChange(val: any) {
　　this.multipleSelection = val;
　　console.log(this.multipleSelection);
};