javascript - Vue vee-validate 使用路由器链接按钮验证输入表单

Question

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

标签： javascriptvue.jsvuejs2vue-routervee-validate

Answer 1

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

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