Vue.jsで複数のパラメータを渡す方法（v-on）

まず、v-onディレクティブを使用してイベントを監視する要素を選択します。通常、以下のように書かれます。

<button v-on:click="handleClick">クリック</button>

次に、メソッドを定義してイベントハンドラとして使用します。このメソッド内で複数のパラメータを渡すには、以下の方法があります。

1. イベントオブジェクトを使用する方法:

   <button v-on:click="handleClick($event, param1, param2)">クリック</button>

   methods: {
    handleClick(event, param1, param2) {
      // イベントハンドリングのコード
    }
   }

   イベントオブジェクトは、最初の引数として渡され、その後に追加のパラメータを指定します。

2. メソッド内でデータを参照する方法:

   <button v-on:click="handleClick(param1, param2)">クリック</button>

   data() {
    return {
      param1: '値1',
      param2: '値2'
    };
   },
   methods: {
    handleClick(param1, param2) {
      // データを使用したイベントハンドリングのコード
    }
   }

   この方法では、データオブジェクト内で定義されたパラメータを直接参照します。

以上の方法を使用することで、Vue.jsで複数のパラメータを渡すことができます。これにより、複雑なイベントハンドリングロジックを実装することができます。