v-validate 不适用于动态生成的字段 vue.js

Question

我正在尝试使用 v-validate 验证动态字段，但它适用于非动态字段，但相同的代码不适用于动态生成的字段：

 <div v-if="condition=='true'> 
         <input :name="user.name" class="form-control input-md" type="text" :v-model="user.user_value" :v-validate="'required'" :class="['form-control', {'is-invalid': errors.has(user.name)}]"/>
                                <div :v-show="errors.has(user.name)" class="invalid-feedback">
                                        {{ errors.first(user.name) }}
                                </div>
    </div>


export default {
  data() {
    return {
      user: {},
      form: new Form({
        contact: "",
      }),
    };
  },
  methods: {
 getvalues() {

  axios.get(APP_URL + `/api/get-values?Id=${id}`, { headers: header })
        .then((response) => {

  for (var i = 0;i < response.data.list[0].student.length; i++) {
        var id = response.data.list[0].student[i].id;
        var name = response.data.list[0].student[i].name;
  }



    this.form.user.push({
                id: id,
                name: name,
                user_value: "",
              });

 }
   },

Answer 1

你应该升级到 vee-validate v3，它更好用而且更小

无论如何，我认为您需要做的是向输入添加一个关键属性

从 vee-validate v2 中查找此示例：

<template v-if="loginType === 'username'">
  <label>Username</label>
  <input placeholder="Enter your username" key="username-input">
</template>

See docs for more details