Vue项目开发数组更新视图不更新

业务场景：Vue项目开发数组更换视图不更新

在methods里面的方法调用vm.items[indexOfItem] = 新的值;并不会刷新视图

如上图，点击button触发change方法可以触发change方法，改变数组索引为1的值，
下图是我点击按钮两次的打印结果。

* 可以看到控制台数值已经改变了，但是这个nihao数值视图没有更新

原因：翻阅了vue文档可以看到

vue是无法检测不存在data里面不存在的数值的变化，第一张图片里面那个数组只是一个空数组，vue只能对于他本身做变化的判读检测，我们要解决这个问题可以根据vue定义变量的set方法来设置手动更新。

Vue.set(vm.items, indexOfItem, newValue)

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/TOM_YIJIAN/article/details/82052969
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2019-09-05 17:29:32
阅读 ( 1110 )
分类：前端

Vue项目开发数组更新视图不更新

Vue项目开发数组更新视图不更新

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看