Vue修改对象的属性值后页面不重新渲染问题

Vue修改对象的属性值后页面不重新渲染问题

Vue修改对象的属性值后页面不重新渲染问题缩略图

最近项目在使用vue,遇到几次修改了对象的属性后,页面并不重新渲染。

查找的资料也是比较凌乱,并不能解决问题,后请教大神,才知道是数据层次太多,没有触发render函数进行自动更新,需手动调用,调用方式如下:

this.$forceUpdate()

可以解决数据已经获取,页面还没有渲染的问题


但是,在多层嵌套中一定要注意一点
嵌套后,this就不是函数外面的那个this了,应该在嵌套外面加上vat that =this;
嵌套内的this用that去替换即可。

发表评论