更新记录
2020091601(2020-09-17) 下载此版本
简单小巧的分页器
平台兼容性
简单小巧的分页器
参数说明
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
currentPage | Number | 1 | 当前选中页码 |
totalPage | Number | 12 | 总页码数 |
firstTitle | String | 首页 | 可自定义的文案 |
endTitle | String | 尾页 | 可自定义的文案 |
upTitle | String | 上一页 | 可自定义的文案 |
downTitle | String | 下一页 | 可自定义的文案 |
JS中使用代码
<script>
import ZhiniPagination from '@/components/zhini-pagination/zhini-pagination.vue';
export default {
components:{
ZhiniPagination
},
data() {
return {
title:'hello',
currentPage:3
}
},
onLoad() {
},
methods: {
getNum(e){
console.log("选中的页面是-->",e)
this.currentPage=e;
}
}
}
</script>
template中使用
<zhini-pagination :totalPage="14" :currentPage.sync="currentPage" @pageNum="getNum" ></zhini-pagination>