本篇内容主要讲解“vue中如何检测对象和数组的变化”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue中如何检测对象和数组的变化”吧!
检测对象变化
1、不能检测到对象属性的添加或删除
var vm = new Vue({
data:{
data111:{
a = 1
}
}
})
data111.a = 2;//这个可以引起变化
但data111.b = 2;和vm.b = 2这个不能检测到变化
需要用
Vue.set(object, key, value)
比如$set(data111, b, 2);
或者:
$set(key,value)
比如vm.$set(‘b', 2);
检测数组变化
下面两种情况不能检测到变化:
1、直接通过索引设置元素,如arr[0]=12;
2、直接修改数组的长度,如vm.arr.length
Vue.set( object, key, value )
用法:
this.$set(this.arr,0,12)
到此,相信大家对“vue中如何检测对象和数组的变化”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
原文链接:https://my.oschina.net/u/4582735/blog/4384050