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的解決辦法。