onReachBottom页面触底的事件回调
定义
页面上拉触底事件触发时距页面底部距离,单位只支持px,详见页面生命周期
可在pages.json里定义具体页面底部的触发距离onReachBottomDistance,
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/message/message",
"style": {
"navigationBarTitleText": "信息",
"enablePullDownRefresh": true,
"onReachBottomDistance": 200, // 页面触底的距离
"navigationBarBackgroundColor": "#00ff00",
"h5": { // h5页面特定样式
"titleNView": {
"backgroundColor": "#ffff00"
}
}
}
}]
比如设为50,那么滚动页面到距离底部50px时,就会触发onReachBottom事件。
如使用scroll-view导致页面没有滚动,则触底事件不会被触发。scroll-view滚动到底部的事件请参考scroll-view的文档。
事件
onReachBottom() {
console.log('xiaoo')
}