基于Vue2.0的分页组件
本文实例为大家分享了Vue2.0分页组件的具体实现代码,供大家参考,具体内容如下 整个示例打包了,有需要的可以下载,有不对的地方欢迎指出: 组件部分代码: ` +
`` +
`` +
``,props: {
prevHtml: String,nextHtml: String,page: Number,total: Number,pageSize: Number,maxPage: Number
},computed: {
pageList: function () {
var _this = this,pageList = [];
let pageCount = Math.ceil(_this.total / _this.pageSize);
let page = _this.page;
let prevHtml = _this.prevHtml ? _this.prevHtml : '<';
let nextHtml = _this.nextHtml ? _this.nextHtml : '>';
let maxPage = _this.maxPage ? _this.maxPage : 9;
let hasPrev = page > 1; //上一页 //首页 var p0 = Math.floor(maxPage / 2); var start,end; var p2 = page + p0; //页码列表 if (end < pageCount - 1) { //尾页 //下一页 return pageList; 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |