Vue公司JS：右键单击事件指令

Question

我知道这些VUE事件处理程序：

@click : mouse left-click 
@dblclick : mouse double click 

可能是什么处理器/指令来检测单击鼠标右键？ 需要在Vue树视图中实现自定义上下文菜单。

谢谢。

Answer 1

<button @contextmenu="handler($event)">r-click</button> 

methods : { 
    handler: function(e) { 
     //do stuff 
     e.preventDefault(); 
    } 
} 

@contextmenu将做的伎俩。 preventDefault是为了避免显示默认的上下文菜单。

小号horter，如indincated的评论：

<button @contextmenu.prevent="handler">r-click</button> 

现在prevent修改负责防止默认行为。