vue set

Posted 2021-01-25 zhx119

Vue 可以通过数组变异的方法可以控制数组的增减，却不能更改数组及对象，vue可以通过set方法改变数组的长度，改变某项的值，在组件中可以使用$set方法改变数组长度和某项的值

调用方法：Vue.set( target, key, value )

target：要更改的数据源(可以是对象或者数组)

key：要更改的具体数据

value ：重新赋的值

如下面的例子：

html:

<textarea v-for="ite1m of arryText">{{ite1m.option}}</textarea>

js:

data(){

      return {

arryText: [{option: ‘123‘}, {option: ‘345‘}, {option: ‘567‘}, {option: ‘789‘}],

}
},

methods(){

//这里使用Vue.set，需要将Vue import子组件中

Vue.set(this.arryText,4,{option:456});
//如果是组件中可以用$set

this.$set(this.arryText,4,{option:456});

}