vue如何派發(fā)表單提交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的外面，如何在點(diǎn)擊此button之後觸發(fā)表單提交事件？
因爲(wèi)結(jié)果是要form.submit()之後action跳轉(zhuǎn)來導(dǎo)出下載一個(gè)excel文件，所以不用ajax。

以上代碼已經(jīng)實(shí)現(xiàn)了，但用vue的話一般是拒絕DOM操作的吧？所以想知道基於vue的解決辦法。