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

Question

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

Answer 1

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

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

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

Vue vee-validate validate input forms with router-link button

javascript

vue.js

vue-router

vuejs2

vee-validate