イベントオブジェクトを使用
⇨$event(Vue.jsのルールで決まっている名前)
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Vue.js</title> <link href="main.css" rel="stylesheet"> </head> <body> <div id="app"> //第二引数以降で$eventを使いイベントオブジェクトを受け取り、イベントハンドラでも参照できるようになる <button v-on:click="onclick('ようこそ!',$event)">クリック</button> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> <script src="main.js"></script> </body> </html>
new Vue({ el: '#app', methods: { onclick: function (message, e) { console.log(message); console.log(e); } } });