vue中对数组和对象的赋值问题

1.vue中对数组的赋值问题
我们之前对数组的操作情况:
1.利用索引直接设置一个值

array[index] = value

2.修改数组的长度

array.length = num

对于以上的操作,在vue是无法实现的,vue不能检测以上变动的数组

对于第一种情况需求,在vue中可以通过以下代码实现

this.$set(this.array,index,value)

若是将一个数组的值赋给另一个数组,也是基于上面代码,只不过在外层加一个for循环即可 (array1的值赋给array2的)

for(let i=0;i<array1.length;i++){
	this.$set(this.array2,i,this.array1[i]
}

2 同样的vue也不能检测到对象属性的添加或删除
也是使用

this.$set(this.object, 'key' , value)

需要添加多个对象时,使用

Object.assign({},this.object,{key:value,key:value})
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐