我正在使用 VeeValidate在我的项目中用于验证的插件。
这是我要验证的表单。
如果我想在保存按钮处验证所有字段
this.$validator.validateAll().then(result => {
if (result) {
}
// alert("Correct them errors!");
}
这种功能会有所帮助。
但是,如果我想在添加按钮处验证大学和类(class)怎么办。 有没有一种方法可以只传递两个字段名称(uni 和 cou)来进行验证,而不是全部验证?
最佳答案
您可以使用 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!");
}
关于validation - Vue.js Vee Validate 如何在元素范围内进行验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50225702/