数组内部的对象监听问题

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‘, ‘‘);
      }
    }

  }

}

 

以上是关于数组内部的对象监听问题的主要内容,如果未能解决你的问题,请参考以下文章

watch监听(数组或者对象)

组合:监听内部集合变化

如何访问对象内部的数组?

图像路径在 React 中不起作用,因为我尝试在对象内部使用图像路径,该对象也在数组内部

推入 mongoose 对象内部的数组

Javascript - 从对象内部的数组中获取唯一值