• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

v-selectmenu: 基于 Vue2 的简洁、易用、高定制化的菜单解决方案

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

v-selectmenu

开源软件地址:

https://gitee.com/TerryZ/v-selectmenu

开源软件介绍:



v-selectmenu


v-selectmenu

基于 Vue2 的简洁、易用、高定制化的菜单解决方案






文档、Demo

请浏览

jQuery 版本: SelectMenu



功能特性

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



Vue plugin series

PluginStatusDescription
v-pagenpm versionA simple pagination bar, including length Menu, i18n support
v-dialogsnpm versionA simple and powerful dialog, including Modal, Alert, Mask and Toast modes
v-tablegridnpm versionA simpler to use and practical datatable
v-uploadernpm versionA Vue2 plugin to make files upload simple and easier,
you can drag files or select file in dialog to upload
v-ztreenpm versionA simple tree for Vue2, support single or multiple(check) select tree,
and support server side data
v-gallerynpm versionA Vue2 plugin make browsing images in gallery
v-regionnpm versionA simple region selector, provide Chinese administrative division data
v-selectpagenpm versionA powerful selector for Vue2, list or table view of pagination,
use tags for multiple selection, i18n and server side resources supports
v-suggestnpm versionA Vue2 plugin for input suggestions by autocomplete
v-playbacknpm versionA Vue2 plugin to make video play easier
v-selectmenunpm versionA simple, easier and highly customized menu solution



插件预览

常规模式菜单

regular

常规模式菜单分组类型

regular-group

高级模式菜单分组类型

advance



安装

npm install v-selectmenu --save

在项目入口文件 main.js 中导入插件

import Vue from 'vue'import vSelectMenu from 'v-selectmenu';Vue.use(vSelectMenu);

在页面中使用 (默认为高级菜单模式)

template

<template>    <v-selectmenu :data="list" class="form-control" v-model="value">    </v-selectmenu></template>

script

export default {    data(){        return {            value: '',            list: [                {id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛'},                {id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士'},                {...}            ]        };    }};




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap