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

时间:2022-07-27
本文章向大家介绍v-selectpage 基于Vue2的高清重制版，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

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

随机文章
Javascript知识点必读
最近更新