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

posted @ 2018-03-24 10:29  珊迪·奇克斯  阅读(379)  评论(0编辑  收藏  举报