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();
  }
}