提交表格＆amp;防止默认操作不起作用

Question

想象一下，您有一个表单和提交按钮放在不同的位置，因此提交按钮不在表单标签内。我需要在不重新加载整个页面的情况下提交表单。

我得到的是这样的：

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

方法：

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

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

但我还是提交了表格。 那么当按钮在表单之外时如何提交表单？

Answer 1

好吧，打电话给.submit()。在表单元素中将提交表单。相反，做一个ajax请求。这并不是神奇地发生在自己身上。