vue数据更新了，但是页面不渲染的问题(vue数据更新会触发什么生命周期)

推荐整理分享vue数据更新了，但是页面不渲染的问题(vue数据更新会触发什么生命周期)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue中数据更新后页面未更新,vue数据更新了但是视图没有更新,vue数据更新了视图未渲染,vue数据更新了但是视图没有更新,vue数据更新了但是视图没有更新,vue数据更新了,界面更新,vue数据更新了视图未渲染,vue数据更新了视图未渲染,内容如对您有帮助，希望把文章链接给更多的朋友！

写项目的时候发现了一个bug，就是点编辑的时候，需要选择一个弹框里的数据，选择好后data里的数据更新了，但是页面没有更新。如果先新增一次的话，再点编辑就可以更新。自己最后实在不知道怎么解决了，就百度了一下，看到了这篇文章⬇

----------------------------------------------------------------------------------------------------------------------------

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

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

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

如果情况比较复杂，所有方法都试过了还没有解决，用 v-if 强制重新渲染更新。

版权