search

imengyu / vue3-context-menu

A very simple context menu component for Vue3 一个简洁美观简单的Vue3右键菜单组件
https://docs.imengyu.top/vue3-context-menu-docs/en/
MIT License
457 stars 64 forks source link

z-index层级太低 #93

Open tenYear2023 opened 4 months ago

tenYear2023 commented 4 months ago

我在element-plus的弹窗中使用时，右键菜单被弹窗遮蔽。

lizhen789 commented 4 months ago

这玩意不是可以自己设置吗？自己用element-plus的useZIndex的nextZIndex就可以了

lipengin1975 commented 3 months ago

用elementplus的useZIndex().nextZIndex()，代码如下：

import { useZIndex } from 'element-plus';

topoContainer.value?.addEventListener('TopoContextMenu', e => { const ce: CustomEvent = e as CustomEvent; ContextMenu.showContextMenu({ x: ce.detail.mousePos.x, y: ce.detail.mousePos.y, zIndex: useZIndex().nextZIndex(), items: [ { label: '置顶', onClick: () => { content.toTop(ce.detail.node); } }, { label: '置底', onClick: () => { content.toBottom(ce.detail.node); } } });