v-selectpage

基于 Vue2 强大的选择器, 可分页的列表或表格展现形式, 使用标签形式的多选模式, 国际化 i18n 和服务端数据源支持

文档、实例

请浏览

• English site
• 国内站点

jQuery 版本: SelectPage

效果预览

列表单选模式

使用标签的列表多选模式

简易表格视图

安装

npm install v-selectpage --save

Include plugin in your main.js file.

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