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

尝试像这样为validateBeforeSubmit添加（）：

<form @submit="validateBeforeSubmit()">