v-for循环中需要动态绑定v-model

3,000 阅读1分钟

话不多说直接上代码了

    <div v-for="item in proList">
        <el-input type="number" v-model="$data[item.trsNum]" class="trsInput"></el-input>
    </div>
    data() {
        return {
          trsNum_0: '',  //数量
          trsNum_1: '',  //数量
        }
    }
    bitList() {
      let msg = {
        pageNum: 1,
        pageSize: 10,
        userId: id
      }
      that.$api.prepaidList(msg).then(function (res) {
        that.proList = res.list
        for (let i = 0; i < that.proList.length; i++) {
          that.proList[i].trsNum = 'trsNum_' + i
        }
      })
    },

其实我也不太理解 $data[item.trsNum] 是怎么一个原理,反正能用就行了