uniapp中uni.createSelectorQuery()获取不到元素信息问题

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

使用uni.createSelectorQuery().select 选择元素时经常获取不到 报一些 height 或者 width null或者找不到 到官方查了之后才发现需要加上 in（this） 只要加上 let el = uni.createSelectorQuery().in(this).select('#' + id); 就不会有这种问题了 ...

但是在uni的官方文档中并没有关于需要切换this的介绍，是用uni.createSelectorQuery()在自定义组件内部也是无效的。在自定义组件中，使用wx.createSelectorQuery() 不能用wx. 而是this.createSelectorQuery()

页面onShow时页面DOM还未渲染完毕，应当在onReady中调用，且需做个延迟。如果修改后还是不一致可以适当增加定时器的时长。

uni-app获取元素位置失败

类使用web中获取节点信息的使用，相当于ref的使用

web前端之uniApp清单

我们知道uniapp中式没有window对象，和dom元素的，但是有时我们需要获取页面上节点的一些几何信息，以帮助我们完成业务和功能的实现，怎么办呢？ 查阅官方文档： 在这里插入图片描述 接下来就来踩踩uniapp节点操作的坑吧 按照文档：写下如下代码，验证： <template> <view class="content"> <view class="text-area" style="position: relative;"> <text class=

如果使用 uni.createSelectorQuery( )返回 null 则需要在后面加上 .in(this)。如果是vue3使用 getCurrentInstance() 方法获取实例赋值instance，将this 换成 instance ，即 uni.createSelectQuery().in(instance)就能获取到元素数据！

uni.createSelectorQuery() 节点返回值为null

1.因为开发环境是vue3,个人没有对这个组件的模板设置一个根节点，使用该API一定要对所有的元素设置一个根节点！否则该API无法获取到el节点！Uniapp+vue3场景下，开发需求要得到某el节点到视口顶部的距离，从而使用该API：(项目需求封装进了promise）但是写好后，控制台却报错：TypeError: $el.querySelector is not a function。满足二者条件，$el.querySelector is not a function这个报错就不复存在了~