uniapp createSelectorQuery().select 获取返回null报错

最新推荐文章于 2025-04-16 12:39:12 发布
最新推荐文章于 2025-04-16 12:39:12 发布
阅读量4.1k 收藏 2
点赞数 1
分类专栏： uniapp 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36958916/article/details/126010422
版权
这篇博客主要讨论了在APP-PLUS和MP环境下，由于找不到合适的页面或组件导致SelectorQuery报错的问题。提供了两种解决方案：对于APP-PLUS环境，使用uni.createSelectorQuery().in(this).select('#tableHead')进行查询；对于MP（小程序）环境，利用this.createSelectorQuery().select('#tableHead')并结合fields方法获取元素高度。这两个方法有效地解决了不同平台下查询元素并获取其尺寸的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

报错信息：
An SelectorQuery call is ignored because no proper page or component is found. Please considering using SelectorQuery.in to specify a proper one.

解决办法：

/*#ifdef APP-PLUS*/// app
				 let info= uni.createSelectorQuery().in(this).select(&
最低0.47元/天 解锁文章
UniApp + Vue3开发中的坑：无法获取到dom元素的排查过程 无法直接修改style样式的坑
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
12-21 501
在开发项目时，我遇到了一个令人困惑的问题。原本我以为ref获取到的 DOM 元素可以直接修改它的style，比如width。然而，我发现某些元素的样式并没有生效，经过一番排查，我才发现这个问题并非我想象中的那么简单。
uniapp滚动到顶部及三级联动省市县通用组件
qq_33444716的博客
01-13 503
uniapp 滚动到顶部 uni.createSelectorQuery().select('.' + class).boundingClientRect(data=>{//目标节点 　　uni.createSelectorQuery().select('.' + class).boundingClientRect((res)=>{//最外层盒子节点 　　　　 　　　　uni.pageScrollTo({ 　　　　　　 　　　　　　duration: 0,//过渡时间必须为0，否则运行到手机会
微信小程序 组件中createSelectorQuery().select()结果为null
weixin_44646763的博客
08-23 3701
组件中createSelectorQuery().select()结果为null
组件中uni.createSelectorQuery()获取到的对象为null （vue2、vue3）
Jelly115的博客
12-09 1991
组件中uni.createSelectorQuery()获取到的对象为null的解决办法
uni.createSelectorQuery()怎么用
最新发布
weixin_63348702的博客
04-16 395
是 Vue 3 Composition API 中的一个方法，用于获取当前组件的实例。在 Vue 3 中，组件实例是一个包含组件所有信息和上下文的对象。方法同样被用于获取当前组件的实例，以便进行更底层的操作或访问特定的属性。) 方法，可以访问组件的上下文、props、emit 等属性和方法。确保当前使用的 uni-app 版本支持。以下是一个完整的示例，展示了如何使用。在 uni-app 中，
uniapp使用createSelectorQuery()返回null
ming_situ的博客
07-05 1930
如果使用 uni.createSelectorQuery( )返回 null 则需要在后面加上 .in(this)。如果是vue3使用 getCurrentInstance() 方法获取实例赋值instance，将this 换成 instance ，即 uni.createSelectQuery().in(instance)就能获取到元素数据！
uniapp vue3项目内使用uni.createSelectorQuery()提示Cannot read property ‘node‘ of null
weixin_44219322的博客
10-13 2336
在开发过程中使用到uni.createSelectorQuery()方法去获取元素信息，但一直报错Cannot read property ‘node’ of null; 期间使用过nextTick，wx.createSelectorQuery()，也确认是在组件挂载后调用的方法，但均无效果
uni.createSelectorQuery().select()总是获取不到元素
热门推荐
qq_38026437的博客
12-20 2万+
使用uni.createSelectorQuery().select 选择元素时经常获取不到 报一些 height 或者 width null或者找不到 到官方查了之后才发现需要加上 in（this） 只要加上 let el = uni.createSelectorQuery().in(this).select('#' + id); 就不会有这种问题了 ...
uni.createSelectorQuery()在vue3里boundingClientRect获取到的data是null
yibbay的博客
05-13 481
1、切记一定要在onLoad内，vue的onMounted也不一定能成功。2、如果多层级子组件就是如示例代码一直延续下去找子组件。
uQRCode 组件生成二维码空白、uni .createSelectorQuery()获取node为null
风花一世月
05-14 759
问题描述： uQRCode 组件在微信小程序中有概率出现空白 原因： uni.createSelectorQuery()获取node为null 解决办法： 应该是没有获取到canvas元素，元素未渲染完成 通过unipp文档看到需要在mounted后调用，并且因为是在组件中需要使用selectorQuery.in， 查看组件uqrcode.vue 发现使用没有问题是在mounted后调用...
uniapp移动端项目中使用document.getElementsByClassName在真机运行时报错Cannot read property 'getElementsByClassName' of undefined
09-02
解决这个问题的方法是使用uniapp提供的API来获取DOM元素，比如使用uni.createSelectorQuery()方法来选择DOM元素，然后使用方法如`querySelector`或`selectAll`来获取DOM元素的类名。通过这种方式，可以避免直接使用...
uniapp没有getelementbyid
07-28
这段代码使用了uni.createSelectorQuery().select('.uni-container')来选择class为.uni-container的元素，并通过boundingClientRect方法获取元素的高度。然后，将高度赋值给this.scrollTop，并打印出来。这样就可以...
createSelectorQuery获取对象为null
weixin_46449470的博客
06-30 2622
wx.createSelectorQuery().in(this).select(’#’ + id); Taro小程序同理 const query = wx.createSelectorQuery().in(this); query .select(`#${id}`) .fields({ node: true, size: true, }) .exec((res) => { .
微信小程序createSelectorQuery获取偶尔为null
weixin_51263829的博客
03-22 486
异步渲染了，加了个定时器，不合理但好用。
uni.createSelectorQuery().selectAll() 返回null
guyywan_1314的博客
12-23 1809
uni-app获取dom元素 ，一直返回null的问题。 uni.createSelectorQuery().selectAll()
关于小程序createSelectorQuery 的取值为null解决
weixin_41436338的博客
05-27 2570
useEffect(() => { getTabToTop(); // 获取tabDom距离顶部值 },[]) // 获取tab距离顶部的高度值 const getTabToTop = () => { const queryDom = Taro.createSelectorQuery(); queryDom .select("#tab_box") .boundingClientRect((rec) => { se..
uni-app运行到H5正常，但运行到小程序不正常、报错总结
菜菜的博客
09-01 9421
1.v-for中，非 h5 平台 :key 不支持表达式 index+'_' 同级多个 v-for 时 key 的值是不允许重复的，key 的绑定是不支持表达式的，需要按照以下方式处理。 // 错误的写法 <view v-for="(item, index) in list1" :key="index">{{item}}</view> <view v-for="(it...
uni 滑动导航选择
Thekingyu的博客
05-27 926
<template> <view class="page-body" :style="'height:'+height+'px'"> <scroll-view class="nav-left" scroll-y :style="'height:'+height+'px'" :scroll-top="scrollLeftTop" scroll...
uniapp获取节点信息
weixin_53339757的博客
01-04 1599
【代码】uniapp获取节点信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值