vue3中的右键菜单有什么参考没？

来源：5-6 【讨论题】谈谈扩展 ValidateInput 的验证功能

蝴蝶是保护动物

2021-09-01

老师好，
你在《Electron+React+七牛云实战跨平台桌面应用》中封装了一个contextMenu的组件。对于vue3，我想封装一个类似的组件，但网上找不到适合的参考，特向老师求助。谢谢！

写回答

1回答

张轩

2021-09-02

已采纳

同学你好找到一个支持 vue3 的写的很不错，star 也挺多，请看：https://github.com/heynext/v-contextmenu

当然这个有些复杂，假如你想要一个非常简单的组件的话

一个简单的思路：

1 组件 ContextMenu，一个属性是菜单里面的选项（可以是 Array），样式默认关闭（css控制）

2 document 添加 contextmenu 事件，右键点击触发，判断当前触发元素和它的父元素有没有特殊的 class（用来 trigger 这个 div 展示），有，display block

3 document 上添加一个 click，点击以后 display none

张轩

蝴蝶是保护动物

对所以我建议你使用我的思路简单写一个其实很简单

2021-09-03

共3条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1