vue-context-menu 右击菜单 + 给eCharts增加右击效果 + 好看的右击菜单样式

安装

npm install @xunlei/vue-context-menu

在组件代码中引用

<script>
import {
    component as VueContextMenu } from '@xunlei/vue-context-menu'
export default{
   
	'vue-context-menu': VueContextMenu
}
</script>

使用

<template>
  <div >
    <div id="main">
    </div>
    <vue-context-menu class="right-menu"
                      :target="contextMenuTarget"
                      :show="contextMenuVisible"
                      @update:show="(show) => contextMenuVisible = show">
      <a href="javascript:" @click="paste">Paste</a>
    </vue-context-menu>
  </div>
</template>

<script>