ContextMenu.showContextMenu is not a function

[zangxx66]

按照文档的写法，无论是ContextMenu.showContextMenu还是this.$contextmenu都找不到函数

main.ts

import { createApp } from 'vue'
import App from './App.vue'
import ContextMenu from "@imengyu/vue3-context-menu"
import '@imengyu/vue3-context-menu/lib/vue3-context-menu.css'

const app = createApp(App)
app.use(ContextMenu)
app.mount('#app')

App.vue

<script setup lang="ts">
import { ContextMenu } from '@imengyu/vue3-context-menu'

function onContextMenu(e: MouseEvent) {
  e.preventDefault()
  // @ts-ignore
  ContextMenu.showContextMenu({
    x: e.x,
    y: e.y,
    theme: "mac",
    items: [
      {
        label: "重新加载",
        onClick: () => {}
      }
    ]
  })
}
</script>
<template>
<div @contextmenu=“onContextMenu($event)”></div>
</template>

Demo

[imengyu]

引入方式错了全局函数不需要 {}，括号导入的是组件。

import ContextMenu from '@imengyu/vue3-context-menu'

还有你的demo里面根本没有调用 app.use(ContextMenu) 安装组件，不会有挂载到 $contextmenu 上的函数。

• 在线最小Demo
• 最小Demo.zip