位置: IT常识 - 正文
vue数据更新了，但是页面不渲染的问题(vue数据更新会触发什么生命周期)
发布时间：2024-01-10推荐整理分享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 强制重新渲染更新。
版权
上一篇：国产版Jetson nano b01烧录经验帖子|详细步骤|保姆教程|后续继续更新开机后的基本配置(国产版忠犬八公观后感)
下一篇：同步发光萤火虫照亮了大烟山国家公园中的森林 (© Floris van Breugel/Minden Pictures)(萤火虫发光器的用途)
