vue数据更新了，但是页面不渲染的问题

最新推荐文章于 2023-07-05 17:46:27 发布

原创最新推荐文章于 2023-07-05 17:46:27 发布 · 6.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

本文介绍了Vue中两种常见的更新不生效的情况及其解决方案：一是动态添加属性时使用this.$set方法；二是在更新数组时避免直接修改索引值，而应采用push或splice等方法。此外还提供了一个通用的解决方案——使用v-if强制更新。

第一种情况：就是在初始化的时候没有这个属性，是动态添加的属性。这个时候不会引起vue自动渲染机制。

this.$set(object, key, data);
object：目标对象。key：需要添加的属性名。data：属性值。

第二种情况：在操作数组的时候，要用push 或者 splice 等可以改变这种方法改变原数组。而不是用下标 this.mydata[0] = '改变的值'。这样也会引起不渲染。

如果情况比较复杂，所有方法都试过了还没有解决，用 v-if 强制重新渲染更新。
————————————————
版权声明：本文为优快云博主「派大星1」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/yin_you_yu/article/details/94459696