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

.left
.right
.middle
?
1
2
3
<div @click.left="onClickLeft">.left</div>
<div @click.right="onClickRight">.right</div>
<div @click.middle="onClickMiddle">.middle</div>
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
new Vue({
  el: '#app',
  methods: {
    onClickLeft() {
      alert('onClickLeft')
    },
    onClickRight() {
      alert('onClickRight')
    },
    onClickMiddle() {
      alert('onClickMiddle')
    }
  }
})

元記事に戻る