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

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

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

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

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

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

然而。。。成果如下

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

然而,还有没有不行,

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

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

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

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

在看成果

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理