A simple, easier and highly customized menu solution
Switch branches/tags
Nothing to show
Clone or download
Latest commit c206070 Oct 16, 2018
Permalink
Failed to load latest commit information.
dist update Aug 5, 2018
src Update language.js Sep 4, 2018
.babelrc update Jul 9, 2018
.editorconfig update Jul 9, 2018
.gitignore update Jul 9, 2018
LICENSE Initial commit Jul 9, 2018
README.md Update README.md Oct 16, 2018
package.json update Aug 5, 2018
webpack.config.js update Jul 9, 2018

README.md



v-selectmenu


v-selectmenu

A simple, easier and highly customized menu solution for Vue2






Demos and Documents

Explorer on

The jQuery version: SelectMenu

If you think this project is helpful, please star it.



Features

  • i18n support, provide Chinese, English, Japanese languages
  • regular menu multiple level support
  • multiple group type support
  • advanced menu mode with quick search
  • keyboard to quick navigate in advanced menu mode
  • custom row content render
  • embedded to page
  • mouse right click(contextmenu) or mouse move to call menu



Plugin preview

regular menu

regular

regular menu group type

regular-group

advanced menu group type

advanced



Vue plugin series

Plugin Status Description
v-page npm version A simple pagination bar, including length Menu, i18n support
v-dialogs npm version A simple and powerful dialog, including Modal, Alert, Mask and Toast modes
v-tablegrid npm version A simpler to use and practical datatable
v-uploader npm version A Vue2 plugin to make files upload simple and easier,
you can drag files or select file in dialog to upload
v-ztree npm version A simple tree for Vue2, support single or multiple(check) select tree,
and support server side data
v-gallery npm version A Vue2 plugin make browsing images in gallery
v-region npm version A simple region selector, provide Chinese administrative division data
v-selectpage npm version A powerful selector for Vue2, list or table view of pagination,
use tags for multiple selection, i18n and server side resources supports
v-suggest npm version A Vue2 plugin for input suggestions by autocomplete
v-playback npm version A Vue2 plugin to make video play easier
v-selectmenu npm version A simple, easier and highly customized menu solution



Install

npm i v-selectmenu --save

Include plugin in your main.js file.

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



Deploy on your component(default advanced mode)

<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:'克里夫兰骑士'},
                    {...}
                ]
            };
        }
    };
</script>