Need help with v-contextmenu?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

heynext
641 Stars 101 Forks MIT License 61 Commits 43 Opened issues

Description

🖱 ContextMenu based on Vue 3.0

Services available

!
?

Need anything else?

Contributors list

# 92,225
Vue.js
TypeScr...
Less
vue3
61 commits

[email protected]

NPM version NPM download NPM version License Node version

NPM

适用于 Vue 3.0ContextMenu 组件。

适用于 Vue 2.0 的文档见 https://github.com/heynext/v-contextmenu/blob/2.x/docs/usage.md

简体中文 | (WIP) English

🚀 安装

NPM 安装(推荐)

$ npm i -S [email protected] # yarn add [email protected]

CDN 引入

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






// 全局注册
Vue.use(window.contextmenu);

// 或按需注册 const { directive, Contextmenu, ContextmenuItem } = window.contextmenu;

export default { directives: { contextmenu: directive, },

components: { [Contextmenu.name]: Contextmenu, [ContextmenuItem.name]: ContextmenuItem, }, };

🏖 概览

访问在线示例

概览

🎏 使用

全局注册

import contextmenu from "v-contextmenu";
import "v-contextmenu/dist/themes/default.css";

Vue.use(contextmenu);


按需注册

详细使用方法见 在线站点 & 文档

🎨 主题

默认

[email protected]/dist/themes/default.css

default

亮色

[email protected]/dist/themes/bright.css

bright

暗色

[email protected]/dist/themes/dark.css

dark

🛠 开发

$ npm install # 安装依赖
$ npm run dev # 启动开发服务

🤖 构建

$ npm run build # 构建 npm 包
$ npm run build:site # 构建站点

🛎 更新日志

详见 releases

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.