Vue.js ホイールボタンのクリックイベントを設定する

Vue.js ホイールボタンのクリックイベントを設定する

Vue.jsで、ホイールボタンのクリックイベントを設定するサンプルコードを記述してます。 「vue3」を使用してます。

環境

  • OS windows10 pro 64bit
  • Vue.js 3.0.0
  • Apache 2.4.43
  • ブラウザ chrome 92.0.4515.107

ホイールボタンのクリックイベントを設定する

ホイールボタンのクリックイベントを設定には、「v-on:click.middle」を使用します。
「v-on:click.middle」は、「@click.middle」と省略できます。

以下は、「実行」ボタンを ホイールボタンでクリックして、変数「count」を1ずつ増加させて表示するサンプルコードとなります。

※「vue3」は「cdn版」、デザインは「semantic-ui」を使用してます。

右クリックしたときだけしか、カウントが「1」アップしないことが確認できます。