Vue-鼠标按键修饰符

• left
• .right
• .middle

这些修饰符会限制处理函数仅响应特定的鼠标按钮。

 

如下例子

<div id="app">
   <input type="text" @click.left="doSomething">
</div>

new Vue({
  el: '#app',
  methods:{
    doSomething:function(){
       alert("Hello world");
    }
  }
})

上面的例子点击鼠标左键即可触发事件 right是按鼠标右键触发事件 middle就是按下滑轮触发事件