vue element-ui的table组件实现翻页多选框状态保持

template部分代码：

<el-table
ref="multipleTable"
:data="tableData"
style="width: 100%"
:row-key="(row)=>{ return row.id}"
:reserve-selection="true"
@selection-change="handleSelectionChange">
    <el-table-column
    type="selection"
    :reserve-selection="true"
    width="55">
    </el-table-column>
</el-table>

 

 

:row-key="(row)=>{ return row.id}" //给每一项添加一个key 做上标记
:reserve-selection="true" //在数据更新之后保留之前选中的数据 这个属性必要要结合row-key