Vue JS：右键单击事件指令

树状 Vue.js

飞云逆天

2020-03-12

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

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

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

第1227篇《Vue JS：右键单击事件指令》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
斯丁Jim 2020.03.12 
<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修饰符可以防止默认行为。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android