适用于 vue 2.0 的 ContextMenu 组件。
中文 | English
- $ yarn add v - contextmenu#npm i - S v - contextmenu
一个简单的例子
- import contentmenu from 'v-contextmenu'
- import 'v-contextmenu/dist/index.CSS'
- Vue.use(contentmenu)
- <template>
- <v-contextmenu ref="contextmenu">
- <v-contextmenu-item>菜单1</v-contextmenu-item>
- <v-contextmenu-item>菜单2</v-contextmenu-item>
- <v-contextmenu-item>菜单3</v-contextmenu-item>
- </v-contextmenu>
- <div v-contextmenu:contextmenu>右键点击此区域</div>
- </template>
提供两种主题,使用方法见 VContextmenu
默认
亮色
- $ yarn install
- $ yarn dev
- $ yarn build:package # 构建 npm 包
- $ yarn build:example # 构建示例站点
- $ yarn build # build:package & build:example
详见 releases
来源: https://juejin.im/entry/5a3a6a32f265da431440da56