使用Iview框架,使用table组件的时候,要在表格里面做个单选的功能,选中当前数据后其他数据要不被选中,效果如下:
当单条数据的selected为true时,该数据就被选中
在数据初始化的时候给每条数据selected初始值置位false
当选中的时候,要将选中的数据的selected设为true,而其他的数据置为fasle
然后就是更新数据,正常的套路用$set:
然而。。。效果如下
那我就换个办法,用$forceUpdate()
然而,还有没有不行,
将数组打印出来了,数据也的确是改变了的。
愁呀,怎么搞,既然是对象中的深嵌对象不能被监听
那我将整个数据清空,处理完在塞回去吧,试试 这个思路
1、将数组赋值给一个临时数组 ,然后将原数组置空
2、然后去按照逻辑处理临时数组中的数据
3、再将临时数组的值赋予原数组,然后更新数据
在看效果
哎呀,实现了想要的效果了,完美解决了这个问题。
这里记录一下。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。