本篇内容主要讲解“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中如何检测对象和数组的变化”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。