skyeye-vue-component-pagination

自定义分页组件

通过Vue实现的分页组件，可以自定义每页的个数，支持国际化（中文和英文，后续还会支持更多的国际语言）

参数介绍

leng: 列表的总条数(default:0)，
active: 当前正在展示的页（从0开始，按照的是数组的索引，实际展示的页码应该是：active＋1）(default:0)，
per: 每页展示的个数(default:0)，
perList: 每页展示的页码选择数组(default:[10, 20, 30, 40, 50]),
language: 定义使用什么语言展示(default:'chinese')
onPageChange: 切换页码时候的回调函数(default:function(){}),
showPerChoice: 是否展示页面展示条数自定义功能(default: false)

例子

当前组件js文件中通过下面进行安装，可以自定义组件的名字，默认是skyeye-pagination

这里介绍通过ES6的方式进行安装和使用
通过npm install skyeye-vue-component-pagination
js文件中：import skyeyePagination from 'skyeye-vue-component-pagination'
Vue.use(skyeyePagination, {
    name: 'pagination' 可以自定义
})
定义一个测试数据：data:｛
    leng: 99,
    active: 0,
    per: 10,
    perList: [10,15,20,30],
    language: 'english',
    onPageChange: 一个定义在methods里的回调:eg:changePage,
    showPerChoice: true
｝
html文件中引用：
<pagination 
    :leng: "data.leng"
    :active: "data.active"
    :per: "data.per"
    :per-list: "data.perList"
    :language: "data.language"
    :on-page-change: changePage
    :show-per-choice: true
></pagination>

安装

如下‘FILE_PATH’代表vue-component-pagination
// 全局
<script src="FILE_PATH"></script>
Vue.use(VuecomponentPagination)

// AMD
define([FILE_PATH], function(VuecomponentPagination){
    Vue.use(VuecomponentPagination)
})
require([FILE_PATH], function(VuecomponentPagination){
    Vue.use(VuecomponentPagination)
})

// CommonJS
var VuecomponentPagination = require(FILE_PATH)
Vue.use(VuecomponentPagination)

// ES6
import VuecomponentPagination from FILE_PATH
Vue.use(VuecomponentPagination)
==可以自定义组件名字Vue.use(VuecomponentPagination, {name: 'ooooo'})==

示例运行

运行环境：node, vue 1.0.14以上
进入项目目录：
   执行npm run start启动服务
   执行npm run dev进入开发模式
然后，直接访问httl://127.0.0.1:3333