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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐