v-selectpage 简洁而强大的下拉分页选择器 项目简介
v-selectpage简洁而强大的下拉分页选择器基于 Vue2 强大的选择器, 可分页的列表或表格展现形式, 使用标签形式的多选模式, 国际化 i18n 和服务端数据源支持文档、实例请浏览English site国内站点jQuery 版本: SelectPage功能特点分页展示数据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 >scriptexport default {
data(){
return {
list: [
{id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛'},
{id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士'},
{...}
]
}
}
};
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 >scriptexport default {
data(){
return {
list: [
{id:1 ,name:'Chicago Bulls',desc:'芝加哥公牛'},
{id:2 ,name:'Cleveland Cavaliers',desc:'克里夫兰骑士'},
{...}
]
}
}
};