簡潔而強大的下拉分頁選擇器 v-selectpage

v-selectpage

簡潔而強大的下拉分頁選擇器

基於 Vue2 強大的選擇器, 可分頁的列表或表格展示形式, 使用標籤形式的多選模式, 國際化 i18n 和服務端數據源支持

文檔、實例

請瀏覽

• English site

• 國內站點

jQuery 版本: SelectPage    Demo:https://terryz.gitee.io/selectpage/demo.html

功能特色

• 分頁展現數據

• 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:'克里夫蘭騎士'},
                {...}
            ]
        }
    }
};