v-contextmenu

[![NPM version][badge-npm-version]][url-npm]
[![NPM download][badge-npm-download]][url-npm]
[![NPM version][badge-language]][url-github]
![License][badge-license]
[![Node version][badge-node-version]][url-npm]

[![NPM][image-npm]][url-npm]

适用于 Vue 2.0 的 ContextMenu 组件。

中文 | English

安装

$3

可通过 unpkg.com/v-contextmenu@2 获取最新版本的资源，在页面中引入相应 js 和 css 文件即可。

`` html





`

> 建议使用 NPM 安装

$3

`bash
$ npm i -S v-contextmenu@2 # yarn add v-contextmenu@2
`

概览

!概览

访问在线示例 或 查看在线示例 GIF

使用

一个简单的例子

`javascript
import contentmenu from 'v-contextmenu'
import 'v-contextmenu/dist/index.css'

Vue.use(contentmenu)
`

`html

`

详细使用方法见 文档 & 例子

> 如果你需要单独引入组件使用，请查看单独引用

主题

提供三种主题，使用方法见 VContextmenu

默认

!default

亮色

!bright

暗色

!dark

开发

`bash
$ npm install
$ npm run dev
`

构建

`bash
$ npm run build:package # 构建 npm 包
$ npm run build:example # 构建示例站点
$ npm run build # build:package & build:example
``

更新日志

详见 [releases][url-releases]

[badge-npm-version]: https://img.shields.io/npm/v/v-contextmenu/next
[badge-language]: https://img.shields.io/github/languages/top/CyberNika/v-contextmenu
[badge-node-version]: https://img.shields.io/node/v/v-contextmenu/next
[badge-npm-download]: https://img.shields.io/npm/dt/v-contextmenu
[badge-license]: https://img.shields.io/github/license/CyberNika/v-contextmenu.svg

[url-npm]: https://npmjs.org/package/v-contextmenu
[url-dependencies]: https://david-dm.org/vkbansal/v-contextmenu
[url-releases]: https://github.com/CyberNika/v-contextmenu/releases
[url-github]: https://github.com/CyberNika/v-contextmenu
[url-homepage]: https://CyberNika.github.io/v-contextmenu

[image-npm]: https://nodei.co/npm/v-contextmenu.png