右键菜单,懒加载设计,需配合鼠标右键事件,当然其他事件也可以,之所以如此设计是考虑页面渲染性能问题,只有在需要显示菜单时才去做渲染处理
<div @contextmenu="contextmenu">内容</div>
import { showContextmenu } from 'lg.contextmenu'
function contextmenu(e: Event) {
showContextmenu({
event: e,
menu: ['菜单1', '菜单2', '菜单3'],
onclick: (index: number) => {
// 你的代码
},
className: '自定义类名',
})
}