vue检测对象值_vue将对象新增的属性添加到检测序列的方法

vue中将对象中新增的属性增加到检测序列中

内容拷贝给data中的o1

var key,i

if (o2 instanceof Array) {

for (i = 0; i < o2.length; i++) {

if (o2[i] instanceof Array) {

this.$set(o1,i,[])

this.deepCopy(o1[i],o2[i])

}

else if (o2[i] instanceof Object) {

this.$set(o1,{})

this.deepCopy(o1[i],o2[i])

}

else {

this.$set(o1,o2[i])

}

}

}

else if (o2 instanceof Object) {

for (key in o2) {

if (o2[key] instanceof Array) {

this.$set(o1,key,[])

this.deepCopy(o1[key],o2[key])

}

else if (o2[key] instanceof Object) {

this.$set(o1,{})

this.deepCopy(o1[key],o2[key])

}

else {

this.$set(o1,o2[key])

}

}

}

else {

o1 = o2

}

}

由于 Vue 不允许动态添加根级响应式属性，所以你必须在初始化实例前声明根级响应式属性，哪怕只是一个空值

如果一个属性没有事先声明，后面再增加，他不能检测到变化，对于一些固定的结构，是可以检测到变化的。比如我知道一个obj里面必然有key1、key2属性，我可以事先初始化。如果这些东西是动态的，我没法事先声明。后面再增加，vue没法检测到变化了。

这时将你已经在data中声明的变量和你要赋给这个变量的值作为参数传进该函数就行了

以上这篇vue将对象新增的属性添加到检测序列的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

如您喜欢交流学习经验，点击链接加入交流1群：1065694478(已满)交流2群：163560250