vue实现菜单右键

Posted web半晨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue实现菜单右键相关的知识,希望对你有一定的参考价值。

去掉浏览器默认事件,添加自定义事件。 @contextmenu.prevent=“rightClick()” // rightClick 为自定义事件。

<button type="button" @contextmenu.prevent="rightClick()">保存</button>
methods: { 
	rightClick () {
		alert("触发了右击事件");
	},
}

以上是关于vue实现菜单右键的主要内容,如果未能解决你的问题,请参考以下文章

记录--vue中封装一个右键菜单组件(复制粘贴即可使用)

HTML代码片段

HTML代码片段

vue + elementUI 表格右键弹出菜单

Vue2的右键弹出菜单(vue-contextmenu)

做一个 Vue 右键菜单组件