首页IT科技vue视图不更新(vue数据更新了,但是页面不渲染的问题)

vue视图不更新(vue数据更新了,但是页面不渲染的问题)

时间2025-09-19 05:40:34分类IT科技浏览5741
导读:写项目的时候发现了一个bug,就是点编辑的时候,需要选择一个弹框里的数据,选择好后data里的数据更新了,但是页面没有更新。如果先新增一次的话,再点编辑就可以更新。自己最后实在不知道怎么解决了,就百度了一下,看到了这篇文章⬇...

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

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

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

this.$set(object, key, data);

object:目标对象                        。key:需要添加的属性名             。data:属性值        。

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

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

版权声明:本文为CSDN博主「派大星1」的原创文章                    ,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明                     。

原文链接:https://blog.csdn.net/yin_you_yu/article/details/94459696

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

我的情况是第一种                     ,就是在初始化的时候没有这个属性                        ,是动态添加的属性。因为对是否要初始化属性总是不确定    ,所以看来还是要先在data里把需要的数据和属性都初始化好                 ,这样比较稳妥                         ,

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
织梦如何取证(织梦自定义表单联动地区后台显示为数字的真正解决方法亲测可用)