位置: IT常识 - 正文
推荐整理分享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)(萤火虫发光器的用途)
友情链接: 武汉网站建设