1

使用Iview框架,使用table组件的时候,要在表格里面做个单选的功能,选中当前数据后其他数据要不被选中,效果如下:

当单条数据的selected为true时,该数据就被选中
image.png

在数据初始化的时候给每条数据selected初始值置位false
image.png

当选中的时候,要将选中的数据的selected设为true,而其他的数据置为fasle
image.png
然后就是更新数据,正常的套路用$set:
image.png
然而。。。效果如下

那我就换个办法,用$forceUpdate()
image.png
然而,还有没有不行,

将数组打印出来了,数据也的确是改变了的。

愁呀,怎么搞,既然是对象中的深嵌对象不能被监听
那我将整个数据清空,处理完在塞回去吧,试试 这个思路
1、将数组赋值给一个临时数组 ,然后将原数组置空
image.png
2、然后去按照逻辑处理临时数组中的数据
image.png
3、再将临时数组的值赋予原数组,然后更新数据
image.png

在看效果

哎呀,实现了想要的效果了,完美解决了这个问题。
这里记录一下。


一舧
315 声望21 粉丝

孤独是自己居然就能成一个世界