关于前端:vue中遇到的数据更新了视图不更新问题seth和forceUpdate都不起作用

47次阅读

共计 390 个字符,预计需要花费 1 分钟才能阅读完成。

应用 Iview 框架,应用 table 组件的时候,要在表格外面做个单选的性能,选中以后数据后其余数据要不被选中,成果如下:

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

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

入选中的时候,要将选中的数据的 selected 设为 true,而其余的数据置为 fasle

而后就是更新数据,失常的套路用 $set:

然而。。。成果如下

那我就换个方法,用 $forceUpdate()

然而,还有没有不行,

将数组打印进去了,数据也确实是扭转了的。

愁呀,怎么搞,既然是对象中的深嵌对象不能被监听
那我将整个数据清空,解决完在塞回去吧,试试 这个思路
1、将数组赋值给一个长期数组,而后将原数组置空

2、而后去依照逻辑解决长期数组中的数据

3、再将长期数组的值赋予原数组, 而后更新数据

在看成果

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

正文完
 0