Vue.jsでウェブの開発しているときにクリックされた要素のパラメータによって動的に処理を変えたい事が良くあります。
こういった場合data属性を設定しておいてjavascriptから使用するという方法がそれなりに一般的かと思うのですが、Vue.jsでのクリックされた要素の属性を取得する方法をご紹介します。
methodsで定義するコールバック関数の引数にイベントオブジェクトが渡されてきます。
e.currentTarget.getAttributeとする事でクリックされたタグの属性を取得可能です。
methods: {
btnClicked(e) {
let id = e.currentTarget.getAttribute('data-id')
}
},
