数组内部的对象监听问题
Posted haishen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了数组内部的对象监听问题相关的知识,希望对你有一定的参考价值。
<div class="test-form" :key="index" v-for="(item, index) in arrs">
<input v-model="item.test_id" @input="changeFunc(item,index)" /> <!-- 如果不加上@input中的方法,那么新增出来input的value会同步一样 -->
</div>
<button @click="addArrHandler"></button>
data(){
arrs : [ ], //数组
arrs_item:{
test_id: ‘ ‘,
goals: ‘ ‘,
}
},
methods:{
addArrHandler(){
this.arrs.push(this.arrs_item);
},
changeFunc(item, index){
this.arrs[index].test_id = item.test_id;
this.watchVal();
},
watchVal(){
const arrs = this.coverage_tests;
if(arrs.length > 0){
for(let i=0; i<arrs.length; i++){
let test_id = arrs[i].test_id;
this.$set(this.coverage_tests[i], ‘test_id‘, ‘‘);
}
}
}
}
以上是关于数组内部的对象监听问题的主要内容,如果未能解决你的问题,请参考以下文章