v-selectpage 基于Vue2的高清重制版

v-selectpage

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

文档、实例

请浏览

• English site
• 国内站点

效果预览

列表单选模式

使用标签的列表多选模式

简易表格视图

安装

代码语言：javascript复制

npm install v-selectpage --save

Include plugin in your?main.js?file.

代码语言：javascript复制

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

使用

template

代码语言：javascript复制

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

script

代码语言：javascript复制

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

file i18n include plugin script

0 人点赞