找回密码
 立即注册
首页 资源区 代码 vue vxe-context-menu 如何给任意组件使用右键菜单,全 ...

vue vxe-context-menu 如何给任意组件使用右键菜单,全局右键菜单

迫蔺 4 天前
vue vxe-context-menu 如何给任意组件使用右键菜单,全局右键菜单,支持任意组件中直接调用右键菜单
打开右键菜单:VxeUI.contextMenu.open({ options })
事件触发右键菜单:VxeUI.contextMenu.openByEvent(event, { options })
关闭右键菜单:VxeUI.contextMenu.close()
https://vxeui.com
1.gif

任意组件调用右键菜单

通过方法调用即可,open 需要自己计算好坐标,openByEvent 可以不用自己计算,支持在 click 或 context-menu 事件中使用
  1. <template>
  2.   
  3.     <vxe-button @click="showMenuEvent1">open 显示</vxe-button>
  4.     <vxe-button @click="showMenuEvent2">openByEvent 显示</vxe-button>
  5.   
  6. </template>
复制代码
树组件使用右键菜单

2.png
  1. <template>
  2.   
  3.     <vxe-tree v-bind="treeOptions" v-on="treeEvents"></vxe-tree>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-pc-ui

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

相关推荐

您需要登录后才可以回帖 登录 | 立即注册