uniapp——uni.createSelectorQuery()在微信小程序获取不到节点信息

最新推荐文章于 2024-09-19 14:32:44 发布
最新推荐文章于 2024-09-19 14:32:44 发布
阅读量3.6k 收藏 2
点赞数 1
分类专栏： 前端 文章标签： 微信小程序 小程序 uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38038767/article/details/121120759
版权
本文介绍了一种在uni-app开发中使用查询选择器时的技巧。当开发者使用uni.createSelectorQuery().select('.test')无法获取到预期节点时，可以通过添加.in(this)来指定作用域，从而解决问题。
摘要由CSDN通过智能技术生成

在开发中使用uni.createSelectorQuery().select('.test')的时候拿不到我想要的节点
解决方法：
需要使用.in()方法选取绑定范围
uniapp官网地址
即uni.createSelectorQuery().in(this).select('.test')

炜神研
关注
专栏目录
uniapp写微信小程序，获取openId、unionId总结
06-18
用于解密unionId的js包，使用前需 npm install crypto
基于uniapp实现的微信小程序，实名认证、身份证识别、人脸识别前端页面、wx.faceDetect
11-14
在本文中，我们将深入探讨如何使用uniapp框架来构建微信小程序，实现实名认证、身份证识别和人脸识别功能。uniapp是一个跨平台的开发框架，它允许开发者使用一套代码编写，即可发布到iOS、Android、H5等多个平台。...
unapp 开发微信小程序 使用wx.createSelectorQuery()时候一直获取不到元素信息。
柑橘乌云_
08-29 1426
但是在uni的官方文档中并没有关于需要切换this的介绍，是用uni.createSelectorQuery()在自定义组件内部也是无效的。在自定义组件中，使用wx.createSelectorQuery() 不能用wx. 而是this.createSelectorQuery()
uniapp createSelectorQuery()方法获取不到节点问题
云雨之石的博客
03-10 3044
uniapp createSelectorQuery()方法获取不到节点问题
uniapp小程序使用canvas画圆
最新发布
m0_61368323的博客
09-19 594
网上找了很多都是用这种方法，但是我放到小程序中，不起作用。
uni-app开发微信小程序端时，使用u-view的u-overlay时，插入自定义组件获取uni.createSelectorQuery().in(this)时位置数据为0的坑
m0_74295896的博客
02-27 665
自定义滑动选择器内部使用了movable-area和movable-view组件，结合uni.createSelectorQuery().in(this)来获取高度宽度位置来计算出数值，在组件挂载的时候需要调用以获取初始坐标。出现了一个bug，在H5端可以正常获取到坐标，微信小程序测试时即使是用延时器执行，或者在onReady生命周期中执行依然获取不到，百思不得其解，最后发现H5端在页面初次渲染时组件并未挂载，打开u-overlay时才会挂载。解决问题只需要用v-if把遮罩层的条件加到滑动组件上。
uniapp使用uni.createSelectorQuery()获取微信小程序元素
qq_35818188的博客
06-08 3888
解决方案：因为我是基于vue3+ts写的所以要给上面代码加上in方法，如:vue2写法in(this)，vue3写法如下 添加以上代码就能拿到canvas
uniapp 解决 h5可以 小程序不行
qq_45100590的博客
05-21 1632
uniapp 写了一个自定义的组件 使用uni.createSelectorQuery().in(this). 函数获取dom 转小程序没报错 h5报错 “TypeError: Cannot read property ‘left’ of undefined” 我自己的问题主要出在props的设置里 value 和 default 的问题 下面记录 这里是methods===》 running(num){ const that = this uni.createSelectorQuery()..
微信小程序获取节点的位置返回null
qq_44709795的博客
03-12 1824
解决办法：尽量避免动态生成元素节点，若避免不了，就设置个定时器，在页面加载几秒后再调用该方法获取元素节点位置信息，或者在页面滑动时去拿位置信息，代码逻辑处理根据需求去处理。微信小程序获取元素节点时，返回值为null的原因，是因为元素在页面数据渲染前，先调用的微信小程序的方法，此时元素节点还未渲染出来，所以拿不到节点位置，返回null。
基于uniapp设计的微信小程序源码.zip
05-27
这个标题揭示了我们要讨论的主题——一个使用uniapp框架开发的微信小程序的源代码。uniapp是一个跨平台的开发工具，它允许开发者用一套代码同时构建iOS、Android、H5、微信小程序等多个平台的应用。这里我们关注的是...
基于uniapp微信小程序我的钱包页面
03-26
【基于uniapp微信小程序我的钱包页面】开发详解 在移动应用开发领域，微信小程序因其轻量化、便捷的特性，已经成为开发者的重要选择。而uniapp作为一款跨平台开发框架，能够帮助开发者快速构建H5、微信小程序、...
微信小程序插件使用wx.createSelectorQuery()获取不到节点信息
陆恋的博客
05-07 1644
lifetimes: { ready: function (){ wx.createSelectorQuery().in(this).select('.el').boundingClientRect(function (rect) { console.log(rect) }).exec() } } 1：需要再生命周期的ready阶段获取 2：需要在wx.createSelectorQuery()之后使用in()来指定范围。 ...
uniapp中uni.createSelectorQuery()获取不到元素信息问题
xsaid的博客
08-06 6549
我需要拿到循环的元素的高度信息，毫不犹豫就会想到vue中this.$nexTick(),但是使用此方法你会一直回去不到元素信息会报错。小编接触uniapp也是快一年的时间今天给大家分享的是uni.createSelectorQuery()此方法获取元素失败的问题。把this.$nexTick()换成setTimeout()即可！...
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().in(this).select(‘#scroll‘).boundingClientRect获取不到元素高度问题
FUFCY的博客
03-10 1799
uniapp滚动底部获取不到高度原因
关于uniapp中vue3使用uni.createSelectorQuery()时的this指向及查询结果说明
lopoi的博客
08-03 1万+
微信小程序 关于uniapp中vue3使用uni.createSelectorQuery()时的this指向及查询结果说明
Uni-App 中使用微信小程序开发，你可以通过以下步骤来设置节点属性
T3165919332的博客
07-25 1084
【代码】Uni-App 中使用微信小程序开发，你可以通过以下步骤来设置节点属性。
小程序 uni.createSelectorQuery()方法避坑
weixin_56586459的博客
03-01 1452
uni.createSelectorQuery
uni-app运行到H5正常，但运行到小程序不正常、报错总结
菜菜的博客
09-01 8341
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...
uniapp createSelectorQuery().select 获取返回null报错
qq_36958916的博客
07-27 3765
uniapp createSelectorQuery().select 获取返回null报错
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值