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

防止只是@submit上的辅助方法。要允许这种差异，您需要将逻辑移动到新按钮方法

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

使用Vue将表单数组提交给Laravel

1 个答案: