🖥

Nuxt3 / Vue 3 – clickイベントに複数の関数実行を直接記述する ( @click="func1(), func2() "

2024/01/02に公開

例

カンマまで区切れば良いようだ
引数のカッコもつけること

<button @click="func1(), func2()">DO</button>

引数のカッコを付けないとうまく動かない

<button @click="func1(), func2()">DO</button>

セミコロンでも区切れるようだが

<button @click="func1(); func2()">DO</button>

フォーマッタで以下のように整形されてエラーが生じてしまう

  <button
    @click="
      func1()
      func2()
    "
  >
    func
  </button>

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

2023-12-22