lean-pagination

1. 安装

npm i --save lean-pagination

2. 全局引入插件(main.js)

import LeanPagination from 'lean-pagination'
Vue.use(LeanPagination)

3. 在组件中使用

<LeanPagination :page="{
	currentpage: 1,
	total: 10
}" @getList="getList" />

4. 属性和参数

page属性：
配置当前页数和总页数

page: {
	// 当前页
	currentPage: 1,
	total: 17
}

getList事件：
点击分页调用方法，传递点击的分数数，用于获取数据

getList (page) {
	console.log(page)
}