【报Bug】Vite+Vue3抖音小程序hooks使用onPageScroll的问题

分类：uni-app

bug反馈

产品分类： uniapp/小程序/字节跳动

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 10 专业版 22H2

第三方开发者工具版本号： 4.2.1

基础库版本号： 3.16.0.0

项目创建方式： CLI

CLI版本号： 3.0.0-3081220230817001

示例代码：

页面代码:

<template>  
  <view style="height: 120vh;background-color: pink;">超长内容可滚动</view>  
</template>  

<script setup lang="ts">  
import { onPageScroll } from '@dcloudio/uni-app';  
import useScrollHook from '@/hooks/useScrollHook'  

const {} = useScrollHook();  
// 此处注释时, hooks中写的onPageScroll内的回调逻辑不会执行  
// onPageScroll(() => {});  
</script>

hooks代码:

import { onPageScroll } from '@dcloudio/uni-app';  

export default function useScrollHook () {  
  // 此处逻辑唯有该Hooks所被调用的页面有执行了onPageScroll才会执行  
  onPageScroll(() => {  
    console.log("Hello World");  
  });  

  return {};  
}

操作步骤：

注释掉hooks被调用的页面的onPageScroll, 在抖音小程序模拟器中滚动页面, 发现hooks中的onPageScroll回调逻辑未被执行

预期结果：

像H5那般, hooks中的onPageScroll逻辑应该执行才对, 另外如果所在页面也执行了onPageScroll, 两者应该处于一个先后执行叠加的关系

实际结果：

hooks中的onPageScoll逻辑未执行

bug描述：

hooks中使用onPageScroll并不会被触发, 只有在hook被调用的页面写一个空的onPageScroll(() => {}), hooks中的onPageScroll逻辑才会被执行, 运行在H5亲测可行, 抖音小程序不行。

2024-03-27 11:01 负责人:无分享

1 个回复

面向百度开发 - 面向百度开发工程师

有解决吗，快手也是这个问题，要页面里面调用onPageScroll，hook里面的才会执行，真的是一堆bug啊

要回复问题请先登录或注册

【报Bug】Vite+Vue3抖音小程序hooks使用onPageScroll的问题

操作步骤：

注释掉hooks被调用的页面的onPageScroll, 在抖音小程序模拟器中滚动页面, 发现hooks中的onPageScroll回调逻辑未被执行

预期结果：

像H5那般, hooks中的onPageScroll逻辑应该执行才对, 另外如果所在页面也执行了onPageScroll, 两者应该处于一个先后执行叠加的关系

实际结果：

hooks中的onPageScoll逻辑未执行

bug描述：

1 个回复

公告

相关问题

【报Bug】Vite+Vue3抖音小程序hooks使用onPageScroll的问题

操作步骤： 注释掉hooks被调用的页面的onPageScroll, 在抖音小程序模拟器中滚动页面, 发现hooks中的onPageScroll回调逻辑未被执行

预期结果： 像H5那般, hooks中的onPageScroll逻辑应该执行才对, 另外如果所在页面也执行了onPageScroll, 两者应该处于一个先后执行叠加的关系

实际结果： hooks中的onPageScoll逻辑未执行

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

注释掉hooks被调用的页面的onPageScroll, 在抖音小程序模拟器中滚动页面, 发现hooks中的onPageScroll回调逻辑未被执行

预期结果：

像H5那般, hooks中的onPageScroll逻辑应该执行才对, 另外如果所在页面也执行了onPageScroll, 两者应该处于一个先后执行叠加的关系

实际结果：

hooks中的onPageScoll逻辑未执行