Question

vue如何派发表单提交submit事件

<template>
<el-container>
<form action="/api/exportExcel">
<input type="text" name="userid">
</form>

<!-- 此button在form的外面 -->
<button @click="onSubmit"></button>
</el-container>
<template>
<script>
export default {
methods: {
exportExcel () {
document.getElementById('expformsubmit').submit()
}
}
}
</script>

button放在form的外面，如何在点击此button之後触发表单提交事件？
因为结果是要form.submit()之後action跳转来导出下载一个excel文件，所以不用ajax。

以上代码已经实现了，但用vue的话一般是拒绝DOM操作的吧？所以想知道基於vue的解决办法。

Answer 1

Vue表单如何合并