element-ui Table组件实现表格多选当前页切换时多选状态依旧保留

在使用table组件时会遇到以下情况:
1.表格多选时如果存在分页,当点击下一页后再次返回当前页时选中状态没有保留下来。
2.如果当前页的弹窗显示时,表格的勾选状态会被取消。

解决上述两个问题需要用到table组件中的两个属性:reserve-selection和row-key,使用方法如下图所示:

row-key.png

附上代码:


   

你可能感兴趣的:(element-ui Table组件实现表格多选当前页切换时多选状态依旧保留)