在页面级别可以使用上拉加载onReachBottom
和下拉刷新onPullDownRefresh
,在子组件里无法触发,该如何处理
- 需在父页面进行对这两个事件的监听然后传递给子组件
// 父页面
// 设置监听上拉加载事件
onReachBottom() {
uni.$emit('onReachBottom')
},
// 设置监听下拉刷新事件
onPullDownRefresh() {
uni.$emit('onPullDownRefresh')
}
- 子组件
// 子组件
beforeMount() {
// 监听父页面传递的上拉加载
uni.$on('onReachBottom', () => {
console.log("到达底部,onReachBottom")
})
// 监听父页面传递的下拉刷新
uni.$on('onPullDownRefresh', () => {
console.log("进行了上拉刷新,onPullDownRefresh")
})
},
destroyed() {
// 销毁onReachBottom监听
uni.$off('onReachBottom')
// 销毁onPullDownRefresh
uni.$off('onPullDownRefresh')
}