VueをLaravelに送信する

Question

Vueの使用を開始する前に、一度に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

防止は、@サブミットの単なるヘルパーメソッドです。この分散を可能にするには、ロジックを新しいボタンメソッドに移す必要があります

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