用 Vue 提交表单数组到 Laravel

Question

在我开始使用 Vue 之前，我有一个简单的表单，可以一次更新 1 个列上的 1 个值 @ 1 个请求。现在我正在使用 Vue，我的表单有一个新的“中间”按钮，用于构建一个项目数组以提交 1 个请求以动态更新多个列。

现在的问题是启用了阻止默认设置，我的原始表单提交不再有效，我需要使用 Vue 提交请求，或者有没有办法重新启用按钮上的默认操作？这会很棒。

<form @submit.prevent="newbutton">

// new button
<button @click="newbutton"></button>

// original button
<button @click="submit" :id="{{ $element->id }}></button> // @submit.enableDefault ??

Answer 1

prevent 只是@submit 上的一个辅助方法。为了允许这种差异，您需要将逻辑移动到您的 newbutton 方法中

// in template remove prevent
<form @submit="newbutton" action="/where-this-should-post">

// in script move logic to your newbutton method
methods {
  newbutton(event) {
    if (formNotValid) {
      event.preventDefault()
    }
  }
}