taro的createSelectorQuery()坑

关注

原创最新推荐文章于 2026-02-08 07:23:42 发布 3k 阅读 AI 写同款· GEO 优化 ›

小程序框架入门简介 1. 小程序简介小程序就是基于微信平台的H5轻应用，微信将系统底层功能（设备、位置、媒体、文件等）和微信自身功能（登录、支付、分享等）封装成相应API供小程序调用。 2. 小程序基本概念开发工具：为了配合小程序开发，微信专门配备了自己的开发工具，自行选择对应版本安装。创建项目应用：安装完成后，打开并扫码登录。小程序发布需要企业级的认证公众号，所以个人订阅号是不能发布的。所以我这里选择无AppID，创建项目选择一个本地空文件夹，勾选创建quick start 项目生成一个demo。编写小程序： de 阅读详情

（本来不想写的，但是这个坑害我花费了很多时间，写一下让大家避免踩坑）

taro版本是：2.2.7，如果其他版本，其实解决的办法大同小异，逻辑上差不多

问题：

taro的createSelectorQuery在web端获取数据不正确，在小程序没问题？

createSelectorQuery获取dom实例信息

setTimeout(()=>{
      Taro.nextTick(() => {
        // 使用 Taro.nextTick 模拟 setData 已结束，节点已完成渲
       Taro.createSelectorQuery().in(this.$scope).select('.yx__adaptiveHeight')
          .boundingClientRect()
          .exec(res => {
            const obj = res[0]
            this.domInfo = obj
            console.log(this.domInfo,'+++++++==',res)
          })
      })
    },20000)

原因：h5获取数据不正确，加setTimeout延迟处理，小程序获取正常。可不加settimeout。