Vue JS:右键单击事件指令

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

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

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

斯丁Jim2020/03/12 17:37:38
<button @contextmenu="handler($event)">r-click</button>

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

@contextmenu会成功的 preventDefault是避免显示默认的上下文菜单。

S horter,如评论中所示:

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

现在,prevent修饰符可以防止默认行为。