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

.left
.right
.middle
<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')
    }
  }
})

元記事に戻る