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

    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