Vue-鼠标按键修饰符

• 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就是按下滑轮触发事件

转载于:https://www.cnblogs.com/qjuly/p/8637745.html