Мощный компонент контекстного меню для Vue 2.0

внешний интерфейс Vue.js
Мощный компонент контекстного меню для Vue 2.0

NPM version Node version NPM download Dependencies License

NPM

Компонент ContextMenu для Vue 2.0.

китайский |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

По умолчанию

default

яркий цвет

bright

развивать

$ yarn install
$ yarn dev

Построить

$ yarn build:package # 构建 npm 包
$ yarn build:example # 构建示例站点
$ yarn build # build:package & build:example

Список изменений

смотрите подробностиreleases