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