v-selectmenu

Основыне особенности: — v-selectmenu — это основанное на Vue2 простое, удобное и легко настраиваемое решение для меню.

Описание: На основе Vue2 создано простое, удобное, легко настраиваемое меню.

Характеристики: — поддержка i18n: доступны китайский, английский и японский языки; — в обычном режиме меню поддерживает многоуровневые меню; — режим с несколькими группами поддерживается; — расширенный режим меню поддерживает быстрый поиск; — расширенный режим меню позволяет использовать клавиатуру для быстрой навигации; — можно настроить содержимое строки рендеринга; — доступен режим встраивания страницы; — меню можно вызвать с помощью мыши или правой кнопкой мыши.

Документация и демо Пожалуйста, ознакомьтесь: — англоязычный сайт: https://terryz.github.io/vue/#/selectmenu; — сайт на китайском языке: https://terryz.gitee.io/vue/#/selectmenu.

Версия jQuery: SelectMenu (https://gitee.com/TerryZ/SelectMenu).

Функции — i18n поддержка: доступны китайский, английский и японский языки. — Обычный режим меню: поддерживает многоуровневое меню. — Режим с несколькими группами: поддерживается. — Расширенный режим меню: поддерживается быстрый поиск. — В расширенном режиме меню можно использовать клавиатуру для быстрой навигации. — Можно настроить содержимое строки рендеринга. — Доступен режим встраивания страницы. — Меню можно вызвать с помощью мыши или правой кнопки мыши.

Серия плагинов Vue

Плагин	Статус	Описание
v-page		Простой пейджер, включая меню длины, поддержку i18n
v-dialogs		Простое и мощное диалоговое окно, включая режимы Modal, Alert, Mask и Toast
v-tablegrid		Более простая в использовании и практичная таблица данных
v-uploader		Плагин Vue2, который упрощает загрузку файлов, вы можете перетаскивать файлы или выбрать файл в диалоговом окне для загрузки
v-ztree		Простое дерево для Vue2, поддерживает одиночное или множественное (с проверкой) выбор дерева, а также поддерживает серверные данные
v-gallery		Плагин Vue2 для просмотра изображений в галерее
v-region		Простой селектор регионов, предоставляет данные административного деления Китая
v-selectpage		Мощный селектор для Vue2, список или табличное представление разбивки на страницы, использование тегов для множественного выбора, поддержка i18n и серверных ресурсов
v-suggest		Плагин Vue2 для ввода предложений с автозаполнением
v-playback		Плагин Vue2 для упрощения воспроизведения видео
v-selectmenu		Простое, более удобное и легко настраиваемое решение для меню

Предварительный просмотр плагинов Обычный режим меню

Обычный режим меню, тип сгруппированных элементов

Расширенный режим меню, тип сгруппированных элементов

Установка

В запросе нет кода на каком-либо языке программирования, гиперссылок, специальных тегов форматирования в markdown, html, yaml, json, plantuml и других. **bash**
npm install v-selectmenu --save

В проекте в файле входа `main.js` импортируйте плагин:
```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:'Кливленд Кавальерс'},
                {...}
            ]
        };
    }
};