小编Har*_*nFM的帖子

我继承了一个 Vue 站点，该站点的表单在使用 Vee Validate 2.x 时遇到严重的输入延迟。

我迁移到 3.2.4（vue 2.6.10）并遵循迁移指南，但只看到验证检查我的最终输入。

这是代码的修改版本：

<ValidationObserver ref="form">
    <form @submit.prevent="submit">
         <div v-for="formField in form.fields">
              <ValidationProvider name="formField.label" rules="required" v-if="formField.type != 'select'" v-slot="v">
                   <input 
                      :type="formField.type"
                      :placeholder="formField.placeholder"
                      v-model="formField.value"
                   >
                   <span class="text _warning" >{{ v.errors[0] }}</span>
               </ValidationProvider>

               <ValidationProvider name="formField.label" rules="required" v-if="formField.type == 'select'" v-slot="v">
                    <select v-model="formField.value" class="content_input input -select -arrow">
                        <option :value="null" disabled="disabled" selected="selected">Select {{formField.label}}</option>
                        <option v-bind:value="option.value" v-for="option in formField.options" :value="option.value" >{{option.label}}</option>
                    </select>
                    <span class="text _warning" >{{ v.errors[0] }}</span>
               </ValidationProvider>
         </div>
         <button class="button input" type="submit"> 
             {{form.data.submitText}}
         </button>
      </div>
   </form> …