Nuxt(Vue)でaタグの送信機能を持たしたい

Question

Nuxt(Vue)の初学者です。
inputやbuttonを使わずにaタグにformの送信機能を持たしたいです。
ただ調べ方が悪いのか記事等見つかりません。
クリック後送信できる処理の仕方のご教授をお願いいたします。

<template>
  <div class="dropdown is-active">
    <form action="">
      <input type="hidden" name="test" value="value" />
    </form>
    <div class="dropdown-trigger">
      <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
        <span>すべて</span>
        <span class="icon is-small">
          <i class="fas fa-angle-down" aria-hidden="true" />
        </span>
      </button>
    </div>
    <div id="dropdown-menu" class="dropdown-menu" role="menu">
      <div class="dropdown-content">
        <a href="#" class="dropdown-item" @click="submit()">
          テスト1
        </a>
        <a href="#" class="dropdown-item" @click="submit()">
          テスト2
        </a>
        <a href="#" class="dropdown-item" @click="submit()">
          テスト3
        </a>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    submit() {}
  }
}
</script>

Answer 1

こういうことがしたいのですか？

HTMLのAタグでPOSTする方法

Comments

[退会済みユーザー]

記事の内容で送信できました！
回答ありがとうございます。

調べてみて、
methods: {
submit() {
document.form.submit()
}
}
という指定でも送信できました！