validation - Vue.js Vee Validate 如何在元素范围内进行验证

Question

我正在使用 VeeValidate在我的项目中用于验证的插件。

这是我要验证的表单。

如果我想在保存按钮处验证所有字段

this.$validator.validateAll().then(result => {
    if (result) {

    }
    // alert("Correct them errors!");
}

这种功能会有所帮助。

但是，如果我想在添加按钮处验证大学和类(class)怎么办。有没有一种方法可以只传递两个字段名称(uni 和 cou)来进行验证，而不是全部验证？

Answer 1

您可以使用 vee-validate 的 data-vv-scope 来实现此功能。这是如何完成的

<input 
      id="university" 
      name="university" type="text"
      v-model="<model_of_university>"
      data-vv-rules="required" 
      data-vv-as="University"
      data-vv-scope="university" required/>

<input 
      id="course" 
      name="course" type="text"
      v-model="<model_of_course>"
      data-vv-rules="required" 
      data-vv-as="Course"
      data-vv-scope="university" required/>

现在，为了验证这些字段，只需在 validateAll 方法中传递 data-vv-scope 值，如下所示

this.$validator.validateAll('university').then((result) => {
 if (result) {

    }
    // alert("Correct them errors!");
}