1***@163.com
1***@163.com
  • 发布:2025-05-27 18:35
  • 更新:2025-05-28 10:41
  • 阅读:83

【报Bug】uni.createIntersectionObserver()

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 4.64

HBuilderX类型: 正式

HBuilderX版本号: 4.64

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: iphone

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<view class="test">
<view class="inser"></view>
</view>
</template>

mounted() {
const ob = uni.createIntersectionObserver(this);
ob.relativeToViewport().observe(".inser",res => {
console.log("ob========",res);
})

}

如果将监听的元素换成.test ,无法触发监听

操作步骤:
<template>  
  <view class="test">  
    <view class="inser"></view>  
  </view>  
</template>  

mounted() {  
 const ob = uni.createIntersectionObserver(this);  
ob.relativeToViewport().observe(".inser",res => {  
    console.log("ob========",res);  
})  

}  

如果将监听的元素换成.test ,无法触发监听

预期结果:

将监听的元素换成.test依然能正常

实际结果:

.test无法触发观察者的监听

bug描述:

监听组件的根节点时,无法触发监听

2025-05-27 18:35 负责人:DCloud_UNI_JBB 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

感谢反馈,问题已复现,已加分

临时解决方案,替换 /Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/uni-app-plus/dist/view.umd.min.js 为附件文件

要回复问题请先登录注册