Vue.js マウスボタンの修飾子

<div @click.left="onClickLeft">.left</div>
<div @click.right="onClickRight">.right</div>
<div @click.middle="onClickMiddle">.middle</div>

new Vue({
  el: '#app',
  methods: {
    onClickLeft() {
      alert('onClickLeft')
    },
    onClickRight() {
      alert('onClickRight')
    },
    onClickMiddle() {
      alert('onClickMiddle')
    }
  }
})

元記事に戻る