Forms 将Vue表单提交事件值传递到不带v-model的Axios

我有一个表单被提交，但我正在捕获提交事件并将其传递给Vue方法。我的问题是，如何将该事件传递给Axios调用。我不想创建一堆v型模型，或者基于事件创建一堆变量

提交
导出默认值{
方法：{
handleFormSubmit（提交）{
axios
.post（'/the/post/route'，submitEvent）
。然后（响应=>{
//处理响应
})
.catch（错误=>{
//捕捉错误
})
.最后（（）=>{
//最后
});
}
},
}

通过从事件

const someFormInput=submitEvent.target.someFormInput.value

中获取值，我找到了可以重新分配值的位置，但我宁愿只传递信息而不必重新声明。看来这应该是可能的

---

基本上，如果Frank做了一个比萨饼，然后去给Jim送，但是Victor（Vue）截获了比萨饼，我希望Victor把比萨饼交给Alex（Axios）送，而不是拆开所有的配料，重新制作比萨饼，并在传递之前将其放置在新框中。

考虑到您正在vue sfc的模板标记中指定表单提交处理程序，您将使用vue组件至少接收事件。您是在方法中处理axios请求，还是将其转发给js文件中的某个函数，这取决于您自己

如果您希望尽可能少地使用vue方法，可以这样做

<template>
    <form @submite.prevent="handleFormSubmit">
        <input type="text" name="someforminput">
        <button type="submit">Submit</button>
    </form>
</template>

<script>
import { importedHandler } from './formHandlers.js';

export default {
    methods: {
        handleFormSubmit: e => importedHandler(e.target.someInput.value);
    },
}
</script>

提交
从“./formHandlers.js”导入{importedHandler}；
导出默认值{
方法：{
handleFormSubmit:e=>importedHandler（e.target.someInput.value）；
},
}

您必须将输入和值绑定到某个对象，否则将永远无法捕获该值。