Question

我需要将v-for的索引设置为动态v-model，但是我不知道如何在不触发错误的情况下做到这一点，我已经尝试过这种方法，但是它并不优雅，给我带来错误在控制台中：

在我的模板部分：

<div v-for="(ob, index) in $v.especifications.$each.$iter" :key="index" class="row">
    <div class="form-group" :class="{ 'form-group--error': $v.$error }">
        <label for="number">Número:</label>
        <input v-model="ob.numero.$model = parseInt(index)+1" type="number" class="form-control" id="number" aria-describedby="number" disabled>
        <div class="alert alert-danger" role="alert" v-if="ob.numero.$dirty && !ob.numero.required">Es requerida una fecha de inicio</div>
    </div>
</div>

在我的脚本部分：

export default {
    data () {
      return {
        especifications: [{
          descripcion: '',
          numero: '',
          cantidad: ''
        }],
      }
    }
  }

错误：

Module Warning (from ./node_modules/eslint-loader/index.js):
error: 'v-model' directives require the attribute value which is valid as LHS (vue/valid-v-model)

和

error: 'v-model' directives cannot update the iteration variable 'x' itself (vue/valid-v-model)

Answer 1

使用keyboard.wait()而不是:value=ob.numero.$model

，然后添加一个v-model处理程序：

@change

然后创建该函数：

@change="updateNumero(index, $model)"

我不能保证这是反应性的，但是会起作用的。

v-for的索引作为v-model的值

1 个答案: