感觉下滑分页没有点击分页简单好用,记录一下,自己瞎写的
点击查看更多
data部分
// 查看更多 more: true, page: 1, cateid: '',
第一次请求
uni.request({
url: '***', //请求内部资料库列表
method: "GET",
data: {
type: 'data',
limit: 10,
page: this.page,
cate_id: this.cateid,
start_date: this.time1,
end_date: this.time2
},
success: (res) => {
console.log(res.data);
var ziliaolist = res.data.data
ziliaolist.map((item, index) => {
this.list.push(
//重新加属性建数组,符合组件的要求
Object.assign({
id: item.id
}, {
image_url: item.image
}, {
date: item.date
})
)
})
}
});
更多
seemore() {
this.page = this.page + 1
uni.request({
url: '***', //请求内部资料库列表
method: "GET",
data: {
type: 'data',
limit: 10,
page: this.page,
cate_id: this.cateid,
start_date: this.time1,
end_date: this.time2
},
success: (res) => {
console.log(res.data);
var ziliaolist = res.data.data
//在这里要进行一个判断,当后端传给我的数据小于每页的数据时就显示没有更多了
if (res.data.data.length == '') {
this.more = false
} else if (res.data.data.length < 10) {
this.more = false
}
ziliaolist.map((item, index) => {
this.list.push(
//重新加属性建数组,符合组件的要求
Object.assign({
id: item.id
}, {
image_url: item.image
}, {
date: item.date
})
)
})
}
});
}



