v-selectpage

На основе Vue2 мощный селектор, который может отображать данные в виде страниц или таблиц, использовать режим множественного выбора на основе тегов, поддерживать интернационализацию i18n и источники данных на стороне сервера.

Документы и демо

Пожалуйста, посетите:

• Английский сайт
• Внутренний сайт

Версия jQuery: SelectPage

Если вы считаете, что этот проект полезен, пожалуйста, поставьте ему звезду.

Особенности функций

• Отображение данных по страницам.
• Поддержка i18n, включая китайский, английский, японский и другие языки.
• Поддержка источников данных на стороне сервера.
• Использование режима тегов для множественного выбора.
• Возможность навигации с помощью клавиатуры.
• Быстрый поиск и позиционирование данных.
• Представление данных в виде списка или таблицы.
• Настройка отображения строк.

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

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

Предварительный просмотр плагина

• Режим просмотра списка с одним выбором*

Режим просмотра списка с использованием множественного выбора тегов

Табличный режим

Установка

npm install v-selectpage --save

Ввести в проект main.js

import Vue from 'vue'
import vSelectPage from 'v-selectpage';
Vue.use(vSelectPage);

Применение на странице

template

<template>
    <v-selectpage :data="list" key-field="id" show-field="name" class="form-control"></v-selectpage>
</template>

script

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

Здесь текст запроса обрывается. Если вам требуется полный перевод, то сообщите об этом. {
    "ключ1": "значение1",
    "ключ2": "значение2"
};