码迷,mamicode.com
首页 > 其他好文 > 详细

vue $forceUpdate 强制更新

时间:2020-04-02 16:00:40      阅读:55      评论:0      收藏:0      [点我收藏+]

标签:属性   内容   添加   页面   修改   update   date   影响   效果   

vue中的$forceUpdate是强制更新的意思,强制触发vue的update方法;

对于深结构数据,比如,修改数组的长度为0 arr.length=0; 给对象添加新的属性 obj.newAttrbute=‘value‘;

这样写是没有效果的,页面上的数据并不会同步更新,因为没有按照vue的规范去写,对于深层数据,需要使用$set方法,手动给数据绑定get set方法,实现数据的

双向绑定,同时vue不建议直接修改length,可以给一个空数组来置空。

当我们不想使用$set方法,直接给对象添加属性或者修改数组的长度就可以使用$forceUpdate方法,实现强制更新,迫使vue实例重新渲染,它仅仅是影响实例本身和插在插槽内容的子组件,而不是所有的子组件。

vue $forceUpdate 强制更新

标签:属性   内容   添加   页面   修改   update   date   影响   效果   

原文地址:https://www.cnblogs.com/xiaofenguo/p/12619936.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!