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

砸漏

发布于 2020-10-16 15:34:06

7860

发布于 2020-10-16 15:34:06

文章被收录于专栏：恩蓝脚本

v-selectpage

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

文档、实例

请浏览

效果预览

列表单选模式

使用标签的列表多选模式

简易表格视图

安装

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018-07-03 ，如有侵权请联系 cloudcommunity@tencent.com 删除

file