element-ui 实现跨表格多选
效果
![](https://img2020.cnblogs.com/blog/1725797/202011/1725797-20201126211645166-44004091.gif)
代码
<el-table row-key="id" :data="dataList" border @selection-change="selectionChangeHandle" style="width: 100%;">
<el-table-column reserve-selection type="selection" header-align="center" align="center" width="50">
</el-table-column>
...
</el-table>
跟默认的选中效果区别在于
<el-table>
标签上加上了row-key="id"
属性(key 应该可以等于其他的值)- 让翻页的多选可以默认选中
<el-table-column>
标签上加了reserve-selection
属性- 让其支持翻页多选