失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue强制刷新(更新数据)的三种方式

vue强制刷新(更新数据)的三种方式

时间:2020-12-31 09:04:31

相关推荐

vue强制刷新(更新数据)的三种方式

1、$forceUpdate() ,全局强制刷新

用法:在改变数据但是未更新后面直接加

this.$forceUpdate()

2、this.$set()

对局部强制刷新 ,性能消耗较低 ,是将set函数绑定在vue原型上(修改属性)

第一个参数代表要更新的那个 数组/对象

第二个参数表示数组下标/对象属性名称

第三个参数表示改变的新值

this.$set(this.dictOptions, 'isPublic', 1)//更新对象

this.$set(this.model.roleList,this.selectKey,this.model.roleList[this.selectKey])//刷新数组

3、Vue.set()

全局强制刷新 性能消耗比this.$set高 ,是将set函数绑定在构造函数上(可以添加属性)

用法与this.$set()一致

如果觉得《vue强制刷新(更新数据)的三种方式》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。