vue-context-menu

安装

npm install @xunlei/vue-context-menu

在线Demo

使用

1. 注册组件

方式1 利用插件方式全局注册

import VueContextMenu from '@xunlei/vue-context-menu'
import Vue from 'vue'
Vue.use(VueContextMenu)

方式2 局部注册

import { component as VueContextMenu } from '@xunlei/vue-context-menu'
export default {
 // ...
 components: {
 'vue-context-menu': VueContextMenu
 }
}

方式3 独立版本引入,自动全局注册

<script src="./node_modules/dist/vue-context-menu.js"></script>

2. 模版语法

 <context-menu class="right-menu" 
 :target="contextMenuTarget" 
 :show="contextMenuVisible" 
 @update:show="(show) => contextMenuVisible = show">
 <a href="javascript:;" @click="copyMsg">复制</a>
 <a href="javascript:;" @click="quoteMsg">引用</a>
 <a href="javascript:;" @click="deleteMsg">删除</a>
</context-menu>

Props

Events

注意

ChangeLog

Development Setup

# install deps
npm install
# serve demo at localhost:8080
npm run dev
# build library and demo
npm run build
# build library
npm run build:library
# build demo
npm run build:demo

License