1***@qq.com
1***@qq.com
  • 发布:2023-03-11 21:49
  • 更新:2024-02-21 14:18
  • 阅读:332

【报Bug】使用uni.createIntersectionObserver([this], [options]) 报 $el.querySelector is not a function

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.6.18

手机系统: Android

手机系统版本号: Android 12

手机厂商: 华为

手机机型: 小米10

页面类型: vue

vue版本: vue3

打包方式: 离线

项目创建方式: HBuilderX

示例代码:
<view id="chat-end" class="end"></view>
<!-- 下方信息发送区域 -->  
    <view class="message-send-wrapper">  
        <view class="message-send">  
            <uni-easyinput  
                class="message-input"  
                :clearable="false"  
                placeholderStyle="color:#A3A2A5;"  
                confirmType="send"  
                :inputBorder="false"  
                v-model="messageSend"  
                placeholder="请输入内容"  
                @confirm="sendMessage"  
            />  
            <view class="send-btn" v-show="messageSend.length">  
                发送  
            </view>  
            <view class="msg-type-btns" v-show="!messageSend.length">  
                <text class="iconfont icon-yuyin1"></text>  
                <text class="iconfont icon-tupian"></text>  
                <text class="iconfont icon-lianjie"></text>  
            </view>  
        </view>  
    </view>
const observerScrollToBottom = () => {  
    console.log(_this.proxy);  
    const observer = uni.createIntersectionObserver(_this.proxy);  
    observer  
        .relativeTo('.message-send-wrapper')  
        .observe('.end', result => {  
            console.log('result:', result);  
        });  
};

操作步骤:

运行及报错

预期结果:

希望能监控两者是否重叠

实际结果:

报el.queryselector is not a function

bug描述:

您好,我做的是一个即时聊天app,在聊天界面,我想做一个一键去底部按钮,所以我想监控chat-end是否与下方的message-send-wrapper重合,这样我就知道是否滑动到最底部,即可隐藏去底部按钮,但是一直报el.queryselector is not a function

2023-03-11 21:49 负责人:无 分享
已邀请:
Claxjs

Claxjs

+1
微信小程序正常,到H5就报not a function
问题都6个月了,看来是不处理啊

折七

折七

解决了吗,我vue3 h5 开发环境突然也这样了

要回复问题请先登录注册