vue右键复制粘贴功能_基于 Vue 高定制化菜单组件V-SelectMenu

今天给大家推荐一个超赞的Vue可定制菜单解决方案VSelectMenu。

v-selectmenu 一款基于 vue2.x 的简洁、易用、高定制化的菜单组件。支持多级菜单、多分组菜单、快速搜索、键盘快速选择、自定义渲染及鼠标右键激活等功能。

功能特性

• i18n 支持，提供了中文、英文、日文三种语言
• 常规模式菜单支持多级菜单
• 多分组模式支持
• 高级菜单模式下支持快速搜索
• 高级菜单模式下支持使用键盘进行快速导航
• 自定义渲染行内容
• 嵌入页面模式
• 鼠标右键或鼠标移动呼出菜单

安装

$ npm i v-selectmenu -S

引入插件

import Vue from 'vue'import vSelectMenu from 'v-selectmenu';Vue.use(vSelectMenu, { global config options... });

使用

常规模式下还支持多级菜单，菜单项设置children属性即可。

另外还支持多选菜单。

鼠标右键呼出菜单。

使用插槽自定义模板内容。

最后附上文档及项目地址

# 示例地址https://terryz.gitee.io/vue/#/selectmenu# 仓库地址https://github.com/terryz/v-selectmenu

好了，就介绍到这里。如果对大家有所帮助，记得多支持一下哈。