1.0.4 • Published 5 years ago
cjhcj-paginate v1.0.4
cjhcj-paginate
分页插件
安装
npm install cjhcj-paginate --save-dev
使用
<Paginate @getPage='getPage' :pageCss='pageCss' :pageCount='pageCount' :pageSize='pageSize'>
</Paginate>
参数说明
pageCss 设置分页样式
pageCss 用于设置分页的样式,接受两个值 active 和 pages
active 用于设置被选中的页码的样式,pages用于设置普通页码的样式
栗子:
pageCss: {
pages: {
background: '#999',
color: 'black'
},
active: {
background: 'green',
color: 'white'
},
}
这里样式的书写跟jQuery设置css样式一样的语法
pageCount pageSize
pageCount 代表总数
pageSize 代表一页的数量
getPage
getPage(val) {
console.log(val);
}
通过以上的函数能够得到选中的页码