有时候我们发现修改了数据源后视图并没有更新,这里提供两种解决方案
Vue中强制更新数据的方法有两种。
方法一:
this.$forceUpdate();
使用forceUpdate强制渲染,更新视图和数据。注:全局强制刷新,性能消耗高。
方法二:
this.$set(object,index,new);
Vue.set(object,index,new);
// 参数一:要改变的数组或对象
// 参数二:下标,或者元素名称
// 参数三:得到的新的值
this.$set()方法是Vue自带的可对数组和对象进行赋值,并触发监听的方法。注:指向性强制刷新,性能消耗低。文章来源:https://www.toymoban.com/news/detail-514797.html
文章来源地址https://www.toymoban.com/news/detail-514797.html
到了这里,关于Vue中强制更新数据的两种方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!