v-for里面v-model不能正常绑定

63 阅读1分钟
    const arr=ref([{a:1,b:2},{a:11,b:22}])
  <div v-for="值1, k1 in arr" :key="k1">
    <template v-for="(值2, k2) in 列表2" :key="k2">
        <el-input-number v-model="值1.a" :min="-999" :max="999" change="aaaa"/>
    </template>
  </div>

每次修改el-input-number里面的值时, 不管绑定的是arr[2].a还是其他数据,都会修改成arr[1].a的值

修复方法:把v-for里面的中文变量改成英文就能正常绑定

  <div v-for="value1, k1 in arr" :key="k1">
    <template v-for="(value2, k2) in 列表2" :key="k2">
        <el-input-number v-model="value1.a" :min="-999" :max="999" change="aaaa"/>
    </template>
  </div>