Vue.js:仅当条件为真时才阻止表单提交

Question

我正在使用 VeeValidate 来验证表单。但是，我想在不使用 JS 的情况下提交表单。但是，如果有任何错误，我仍然希望用户无法提交。如果我使用

<form @submit.prevent="validateBeforeSubmit">

它完全禁用默认操作。

你能想到任何解决方案吗？谢谢！

Answer 1

我不熟悉 VeeValidate，但为什么不尝试这样的事情：

<form @submit="validateBeforeSubmit">

validateBeforeSubmit(e) {
if (this.errors.any()) {
// Prevent the form from submitting
e.preventDefault();
}
}

Answer 2

尝试添加 (( for validateBeforeSubmit，如下所示：

<form @submit="validateBeforeSubmit()">