element表格多选分页冲突

这是我的表格组件,image.png,data是直接根据分页计算的,但是当选择了表格的任意一行,就会出现选中之后又取消选中的现象,image.png,这是在控制台打印的结果,如果我把表格:data中slice的计算部分去掉,则不会有这个问题,请问这是为什么呢

阅读 2.2k
1 个回答

arr.slice会返回一个新的数组,假如你进页面加载数据时返回了一个数组A,
这时你的table绑定的数据就是A,当你点击选中时,把A中的相应数据变成了选中状态,所以页面表现为选中状态。
当页面显示为选中状态,即el-table重新渲染时,它又走了一遍绑定数据,arr.slice这时又返回了一个数组B,这里,table绑定的数据也就变成了B,所以选中状态会消失(数组A已经丢失了)。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题