/**
* @Desc: better-scroll初始化
* @Author: tomorrow-here
* @Date: 2019-01-17 11:40:44
*/
scrollInit () {
const wrapper = document.querySelector('.wrapper')
this.scroll = new BScroll(wrapper, {
probeType: 2,
click: true,
// bounceTime: 5000, // 回弹时间
pullUpLoad: {
threshold: 20, // 当上拉距离超过20px时触发 pullingUp 事件
moreTxt: '加载更多',
noMoreTxt: '没有更多数据了'
}
})
this.scroll.on('pullingUp', async () => {
if (this.hasMore) {
this.page++
const { data } = await getQuesData(this.page, this.key)
this.lists.concat(data)
this.lists = [...this.lists, ...data]
console.log(this.lists)
this.scroll.finishPullUp() // 事情做完,需要调用此方法告诉 better-scroll 数据已加载,否则下拉事件只会执行一次
this.scroll.refresh() // 初始化demo 当异步加载数据的时候,重新渲染页面,这段代码非常重要
if (data.length <= 0) {
this.hasMore = false
}
} else {
this.scroll.finishPullUp()
Toast('没有更多数据了!')
}
})
better-scroll上拉加载的初始化
最新推荐文章于 2023-07-20 09:51:35 发布