Vue vee-validate使用router-link按钮验证输入表单

Question

我在具有大量输入的表单上使用 vee-validate ，因此，我有3个表单页面，使用AlarmManager按钮在彼此之间导航。我想知道是否有一种方法可以将<router-link/>与vee-validate结合使用，以便每次我单击<router-link/>来访问下一个表单页面时都可以验证输入。

Answer 1

是的，您可以检查是否满足所有验证规则。使用以下代码。

this.$validator.validateAll().then(isValidationSuccess => {
    if (isValidationSuccess) {
        // Do something on validation success
    } else {
        // Validation failed
    }
})