Vue JS:右键单击事件指令

Question

我知道这些vue事件处理程序:

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

什么可以是检测右键单击的处理程序/指令？需要在Vue Tree视图中实现自定义上下文菜单.

谢谢.

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修饰符注意防止默认行为.