left
.right
.middle
这些修饰符会限制处理函数仅响应特定的鼠标按钮。
如下例子
1 <div id="app"> 2 <input type="text" @click.left="doSomething"> 3 </div> 4 5 new Vue({ 6 el: '#app', 7 methods:{ 8 doSomething:function(){ 9 alert("Hello world"); 10 } 11 } 12 })
上面的例子点击鼠标左键即可触发事件 right是按鼠标右键触发事件 middle就是按下滑轮触发事件