一、scroll-view
可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。
两个属性是作为上拉加载下拉刷新触发事件
scroll-view属性bindrefresherrefresh:自定义下拉刷新被触发
scroll-view属性bindscrolltolower:滚动到底部/右边时触发
二、设置高度
.scroll-v 是scroll-view 所在的类名,tabHeight为scroll-view的高度
async getHeight(){
const query=uni.createSelectorQuery();
await new Promise(resolve=>{
query.select('.scroll-v').boundingClientRect();
query.exec(res=>{
this.tabHeight=res[0].height+'px';
resolve();
});
})
}
三、分页触发
scroll-view 内包含的子元素,当子元素高度超出tabHeight,触发分页事件并重新计算高度。
四、更详细的也可以参考下面文章
微信小程序 - scroll-view组件之上拉加载下拉刷新(解决上拉加载不触发)_scroll-view上拉加载_Qianmo_er的博客-CSDN博客