Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
422 views
in Technique[技术] by (71.8m points)

element表格多选分页冲突

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
...