A Simple and Highly Customized Menu Solution | v-selectmenu


v-selectmenu is a simple, easiest, and highly customized menu solution for Vue2.


  • Support i18n, provide Chinese, English, and Japanese languages
  • Regular menu multi-level support
  • Multiple group type support
  • Advanced menu mode with a quick search
  • Keyboard to quickly navigate in advanced menu mode
  • Display custom row content
  • Embedded in page
  • Right-click (context menu) or move the mouse to the connection menu

How to make use of it:


npm i v-selectmenu --save

Include a plugin in your main.js file.

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


  <v-selectmenu :data="list" v-model="value">
  export default {
      return {
        value: '',
        list: [
          { id: 1, name: 'Chicago Bulls', desc: '芝加哥公牛' },
          { id: 2, name: 'Cleveland Cavaliers', desc: '克里夫兰骑士' },
          { ... }

customized menu solution for vue js, v-selectmenu Plugin/Github

See Demo And Download

Official Website(TerryZ): Click Here

This superior jQuery/javascript plugin is developed by TerryZ. For extra advanced usage, please go to the official website.