龙里龙架山,yy影视,苏宁电器积分查询
分页插件代码：
我要评论
上一页 1 ... {{num}} ... 下一页 {{pages}} <#--跳转到：--> <#----> <#--go-->
vue代码
data: {
current_page: result.resultobj.number + 1, //当前页
pages: result.resultobj.totalpages, //总页数
changepage: '',//跳转页
nowindex: 0
},
computed: {
show: function () {
return this.pages && this.pages != 1
},
pstart: function () {
return this.current_page == 1;
},
pend: function () {
return this.current_page == this.pages;
},
efont: function () {
if (this.pages <= 7) return false;
return this.current_page > 5
},
ebehind: function () {
if (this.pages <= 7) return false;
var noway = this.indexs;
return noway[noway.length - 1] != this.pages;
},
indexs: function () {
var left = 1,
right = this.pages,
ar = [];
if (this.pages >= 7) {
if (this.current_page > 5 && this.current_page < this.pages -4）{
left = number(this.current_page) - 3;
right = number(this.current_page) + 3;
} else {
if (this.current_page <= 5) {
left = 1;
right = 7;
} else {
right = this.pages;
left = this.pages - 6;
}
}
}
while (left <= right) {
ar.push(left);
left++;
}
return ar;
},
},
methods: {
jumppage: function (id) {
if (id <= this.pages && id >= 1) {
this.current_page = id;
loaddata(this.current_page - 1, size);
}
},
lesspage: function () {
this.current_page--;
loaddata(this.current_page - 1, size);
},
addpage: function () {
this.current_page++;
loaddata(this.current_page - 1, size);
}
}
使用说明：
直接拷贝即可使用，只需要修改总页数、当前页。
如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复
css3 flex布局 justify-content:space-between 最后一行左对齐
网友评论