import { onPullDownRefresh,onReachBottom } from '@dcloudio/uni-app'
onPullDownRefresh(() => {
console.log('onPullDownRefresh')
})
onReachBottom(() => {
console.log('onReachBottom')
})
1***@qq.com
- 发布：2024-05-16 16:27
- 更新：2024-11-08 14:46
- 阅读：158
【报Bug】vue3开发uniapp，编译运行到京东小程序，页面级生命周期方法「onPullDownRefresh」和「onReachBottom」方法失效
分类：uni-app
产品分类： uniapp/小程序
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 14.2.1 (23C71)
HBuilderX类型： 正式
HBuilderX版本号： 3.99
第三方开发者工具版本号： 版本V1.15.3
基础库版本号： v1.13.4 京东APP版本：12.2.0
项目创建方式： HBuilderX
示例代码：
操作步骤：
1、使用vue3开发uni-app
2、使用「onPullDownRefresh」、「onReachBottom」事件（如下代码）
import { onPullDownRefresh,onReachBottom } from '@dcloudio/uni-app'
onPullDownRefresh(() => {
console.log('onPullDownRefresh')
})
onReachBottom(() => {
console.log('onReachBottom')
})
3、运行编译为京东小程序
4、在真机上下拉刷新（或滑动页面到底部）
1、使用vue3开发uni-app
2、使用「onPullDownRefresh」、「onReachBottom」事件（如下代码）
import { onPullDownRefresh,onReachBottom } from '@dcloudio/uni-app'
onPullDownRefresh(() => {
console.log('onPullDownRefresh')
})
onReachBottom(() => {
console.log('onReachBottom')
})3、运行编译为京东小程序
4、在真机上下拉刷新（或滑动页面到底部）
预期结果：
真机控制台中打印 onPullDownRefresh 或 onReachBottom 字样
真机控制台中打印 onPullDownRefresh 或 onReachBottom 字样
实际结果：
真机控制台中无任何内容输出
真机控制台中无任何内容输出
bug描述：
1、如下代码，使用vue3开发uni-app页面并配置「onPullDownRefresh」、「onReachBottom」事件
import { onPullDownRefresh,onReachBottom } from '@dcloudio/uni-app'
onPullDownRefresh(() => {
console.log('onPullDownRefresh')
})
onReachBottom(() => {
console.log('onReachBottom')
})2、在HBuilderX中运行编译到京东小程序，如附件所示，在京东小程序下拉刷新（或者滑动页面到底部），控制台中并没有打印相应输出的信息
