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

Question

<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

这种派发事件的操作还是要用DOM操作，不过VUE可以这样。
在form标签上加上ref="xxxx"，然后在JS里使用this.$refs.xxxx访问，不用标签搜索函数。
具体可参照：VUE ref 资料。