Das Senden von Formularen und das Verhindern von Standardaktionen funktionieren nicht

Question

Stellen Sie sich vor, Sie haben ein Formular und die Schaltfläche "Senden", die an unterschiedlichen Stellen platziert sind, sodass die Schaltfläche "Senden" nicht im Formular-Tag enthalten ist. Ich muss das Formular senden, ohne die gesamte Seite neu zu laden.

Ich habe ist wie folgt:

<form id="myForm" @submit.prevent="doSomething()">...</form> 
<button @click="submitMyForm()"></button> 

Und die Methoden:

methods: { 
    submitMyForm() { 
     $('#myForm').submit(); 
    }, 

    doSomething() { 
     console.log('do something'); 
    } 
} 

Aber ich habe die ohnehin vorgelegt Form. So, wie man das Formular einreicht, wenn der Knopf außerhalb des Formulars ist?

Answer 1

gut, Anruf .submit(). Im Formular wird das Formular gesendet. Tun Sie stattdessen eine Ajax-Anfrage. Das geschieht nicht magisch allein.