uniapp createSelectorQuery()方法获取不到节点问题

最新推荐文章于 2024-08-16 12:12:59 发布
最新推荐文章于 2024-08-16 12:12:59 发布
阅读量2.9k 收藏 2
点赞数 1
分类专栏： 项目问题 文章标签： uni-app 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42880088/article/details/129435055
版权
在使用uni.createSelectorQuery().in(this)获取DOM节点时，发现在Android设备上节点信息返回全为0，而浏览器和iOS环境下正常。问题解决方法是条件性地去除in(this)。此现象可能与平台API兼容性有关。
摘要由CSDN通过智能技术生成

在使用uni.createSelectorQuery()获取节点的时候，发现在浏览器上使用uni.createSelectorQuery().in(this)是可以正常获取到dom节点的，但是在Android手机上进行测试的时候发现获取到的节点内容全部都是0

{"height":0,"right":0,"bottom":0,"left":0,"width":0,"top":0}

本来以为这是由于节点更新vue获取不及时，所以想使用nextTick来解决，后来发现其实只需要把in(this)去掉就可以了。
最后测试发现，在浏览器和iOS环境下是需要in(this)的，在Android环境下不需要in(this)。这里简单记录一下。

小鸡爱吃米
关注
专栏目录
uniapp 页面滚动指定 元素 节点 位置
qq_29096549的博客
07-11 6311
先看看最终效果吧 背景：页面动态加载tab，tab里动态加载列表，上方有一块固定内容（个人资料）。 需求：判断未勾选节点，可自动跳转到目标节点处。 实现逻辑：将页面滚动到目标节点距离 = 指定节点离页面顶部的距离 + 页面在垂直方向已滚动的距离 - 内容列表上方固定区域高度 赋代码，无关代码已删除，仅供参考。 关键代码在：BindCreateDayLZRecord() 提交方法中。 <template> <view class="fullheight"> <!-- 标题
uni-app获取节点信息
www_lyh_624的博客
04-15 3663
uni.createSelectorQuery() | uni-app官网 使用这个API获取节点信息 什么场景用到呢？我是在这样的情况下用到的。 我要展示的一块内容，被swiper包裹（当然这是我需要的），但是这样有一个不好就是swiper默认的高度为150px,但是我们的内容不止这么点（这样就会导致我有的内容没有显示出来，就比如下面的图，我的内容是不止这个图片的，还是好多，但是swiper的高度限制了我的内容显示），而且我们是不能写一个固定的值来设置swiper的高度的。 所以我们就可以
uni.createSelectorQuery().select()总是获取不到元素
热门推荐
qq_38026437的博客
12-20 2万+
使用uni.createSelectorQuery().select 选择元素时经常获取不到 报一些 height 或者 width null或者找不到 到官方查了之后才发现需要加上 in（this） 只要加上 let el = uni.createSelectorQuery().in(this).select('#' + id); 就不会有这种问题了 ...
uniapp中uni.createSelectorQuery()获取不到元素信息问题
xsaid的博客
08-06 6314
我需要拿到循环的元素的高度信息，毫不犹豫就会想到vue中this.$nexTick(),但是使用此方法你会一直回去不到元素信息会报错。小编接触uniapp也是快一年的时间今天给大家分享的是uni.createSelectorQuery()此方法获取元素失败的问题。把this.$nexTick()换成setTimeout()即可！...
uniapp中节点信息的使用
最新发布
一个小白的成长历程
08-16 618
类使用web中获取节点信息的使用，相当于ref的使用
unapp 开发微信小程序 使用wx.createSelectorQuery()时候一直获取不到元素信息。
柑橘乌云_
08-29 1366
但是在uni的官方文档中并没有关于需要切换this的介绍，是用uni.createSelectorQuery()在自定义组件内部也是无效的。在自定义组件中，使用wx.createSelectorQuery() 不能用wx. 而是this.createSelectorQuery()
uni.createSelectorQuery()获取元素height获取不到或者与调试工具实际测量不一致
swag_12581的博客
04-09 1297
页面onShow时页面DOM还未渲染完毕，应当在onReady中调用，且需做个延迟。如果修改后还是不一致可以适当增加定时器的时长。
uniapp vue3项目内使用uni.createSelectorQuery()提示Cannot read property ‘node‘ of null
weixin_44219322的博客
10-13 1863
在开发过程中使用到uni.createSelectorQuery()方法去获取元素信息，但一直报错Cannot read property ‘node’ of null; 期间使用过nextTick，wx.createSelectorQuery()，也确认是在组件挂载后调用的方法，但均无效果
关于uni.createSelectorQuery().select(el).boundingClientRect 自定义组件获取不到值
qq_36639113的博客
05-25 3244
uni.createSelectorQuery().select("#scrollview").boundingClientRect(data => { console.log(data) // null }).exec() 在自定义的子组件中，data为null，使用this.$nextTick，setTimeout仍然获取不到值 解决方案： 要用 in(this)，this传入的是自定义组件的实例，否则获取到的data值为null uni.createSelectorQuery().in(t
uniapp结合vue3获取元素节点 - 获取不到的问题
weixin_42498594的博客
07-05 598
template 部分代码，给video 设置了id 和 ref。
uni-app 获取 DOM 节点的相关信息
zuomengjia的博客
05-02 6629
uni-app 获取 DOM 节点的相关信息 一、如何获取 SelectorQuery 对象实例 let query = uni.createSelectorQuery(); 功能：返回一个selectorQuery对象的实例，该实例用来查询DOM节点的信息。 注意事项： （1）该方法需要在生命周期mounted后进行调用。 （2）nvue不支持该方法。 二、如何获取DOM节点 1、获取匹配...
uni-app 组件里面获取元素宽高的实现
10-15
但是在某些情况下，直接在`mounted`中获取元素宽高可能会因为页面还未完全渲染完毕而获取不到正确的尺寸。为了解决这个问题，可以使用`setTimout`方法延迟获取，或者使用`this.$nextTick`确保在下一个DOM更新循环...
uniapp中使用pageScrollTo让页面滚动到固定节点或距离
疏影横斜水清浅
11-29 1702
uniapp中使用pageScrollTo让页面滚动到固定节点或距离
uniapp无法获取dom
qq_57684473的博客
05-13 839
uniapp 中ref无法获取到页面元素信息。
uniapp无法获取for循环节点
March010的博客
01-22 1470
在项目中碰到的问题，uniapp使用uni.createSelectorQuery().in()获取节点，但是始终无法获取到循环后的节点，后来加了一个setTimeout就解决了问题 //方法需要在生命周期mounted或者onReady后进行调用 onReady: function() { setTimeout(function(){ _self.getNodesInfo(); },1000) }, //获取节点 getNodesInfo(){ const query =uni.createSelecto
组件中uni.createSelectorQuery()获取到的对象为null （vue2、vue3）
Jelly115的博客
12-09 1763
组件中uni.createSelectorQuery()获取到的对象为null的解决办法
uniapp结合vue3获取元素节点的问题小结
weixin_74773902的博客
04-12 690
给元素添加ref,在vue2是用this.$ref.变量名称就获取到了，大家都熟的不能再熟，vue3是没有了this,只能先声明变量 利于 const tab = ref(null) ，获取在页面挂载后.value就能获取，但是我在小程序死活都拿到的null,后来上网查阅资料才发现拿不到，是跟环境有关系，由于小程序环境的限制，不能直接在setup函数内部使用ref来获取DOM元素，因为小程序的视图层是由小程序框架管理的，而不是浏览器的DOM。
uniapp进阶uniPay微信小程序商城uniCloud云开发APP
06-30
课程亮点：纯前端实现H5、小程序、APP商城开发；技术栈：uniapp+uniCloud+unipay+uni-ui+uView+vuex；学完可开发定制化商城，web前端技术再进阶一大步；知识模块：1.uniapp+unicloud云开发2.uniapp常用组件库及官方扩展UI库3.uView第三方UI组件库4.unicloud云开发实践，管理校验token权限5.vuex状态管理module模块商业级使用6.uni-id微信一键登录及手机验证码登录7.开通微信支付及支付宝支付的全流程操作，unipay的实战
uniapp使用createSelectorQuery()返回null
ming_situ的博客
07-05 1510
如果使用 uni.createSelectorQuery( )返回 null 则需要在后面加上 .in(this)。如果是vue3使用 getCurrentInstance() 方法获取实例赋值instance，将this 换成 instance ，即 uni.createSelectQuery().in(instance)就能获取到元素数据！
uniapp 获取节点,调用该节点的方法
05-16
在uniapp中，可以通过`this.$refs`来获取节点，然后调用该节点的方法。 例如，假设我们有一个组件，它包含一个按钮和一个方法： ``` <template> <div> <button ref="myButton" @click="handleClick">点击我</button> </div> </template> <script> export default { methods: { handleClick() { console.log('按钮被点击了') } } } </script> ``` 现在，我们可以在父组件中通过`this.$refs`来获取该子组件的节点，并且调用该节点的方法： ``` <template> <div> <child ref="myChild" /> <button @click="handleChildButtonClick">调用子组件的方法</button> </div> </template> <script> import Child from './Child.vue' export default { components: { Child }, methods: { handleChildButtonClick() { const childComponent = this.$refs.myChild childComponent.$refs.myButton.click() } } } </script> ``` 在这个例子中，我们通过`this.$refs.myChild`获取了子组件的节点，并且调用了该节点中的`click()`方法，从而触发了子组件中的`handleClick()`方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值