注册登录

2***@qq.com

发布：2022-02-25 11:11
更新：2023-12-04 14:50
阅读：4481

【报Bug】uniapp vue3 uni.createSelectorQuery() 使用报错

分类：uni-app

bug已确认

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： windows10

HBuilderX类型：正式

HBuilderX版本号： 3.3.12

第三方开发者工具版本号： 1.05.2201240

基础库版本号： 2.22.0

项目创建方式： HBuilderX

操作步骤：

var query = uni.createSelectorQuery().in(this);
query.selectViewport().scrollOffset()
query.select('#content').boundingClientRect();
query.exec(function(res) {
console.log(res)
});

预期结果：

获取dom元素的节点

实际结果：

VM1578 WAService.js:2 Unhandled promise rejection TypeError: Cannot read property 'route' of undefined

bug描述：

在vue3使用uni.createSelectorQuery()获取不到dom元素节点信息

2022-02-25 11:11 负责人:DCloud_UNI_GSQ 分享

8 个回复

w***@foxmail.com

import {getCurrentInstance,} from 'vue';

const instance = getCurrentInstance();

const query = uni.createSelectorQuery().in(instance);

query.select('.selfnodes').boundingClientRect(data => {
if (data) {
console.log("获取到布局信息", data);
}
}).exec();

微信小程序、字节小程序递归组件中亲测可行

9***@qq.com

大佬，感谢

2022-06-08 11:02
3***@qq.com

感谢大佬

2022-09-07 10:53

DCloud_UNI_Anne

未复现此问题，请提供简单可复现的完整示例（上传附件），方便我们快速排查问题哦。
【bug优先处理规则】https://ask.dcloud.net.cn/article/38139

DCloud_UNI_Anne

请提供一个可直接运行复现的简单示例demo（上传附件）

2***@qq.com (作者)

已上传复现附件

2022-02-25 12:12

2***@qq.com (作者)

复现demo文件

test.zip

DCloud_UNI_Anne

问题确认，后续优化，已加分，感谢您的反馈！

StarSky

import {getCurrentInstance,} from 'vue';

const instance = getCurrentInstance();

const query = uni.createSelectorQuery().in(instance.root);

h5可以拿到节点信息，所有小程序上面拿不到

2022-04-07 17:19
5***@qq.com

一年多过去了后续在哪体现了？

2023-06-06 17:41
pudding_18

有后续吗》还是会偶现这个bug，vue2的

2023-07-27 15:41

1***@139.com

getCurrentInstance 去拿this 不是vue官方建议的做法

5***@qq.com

后续呢？

4***@qq.com

我也遇到了～～～～～～～～～

要回复问题请先登录或注册

【报Bug】uniapp vue3 uni.createSelectorQuery() 使用报错

操作步骤：

var query = uni.createSelectorQuery().in(this);
query.selectViewport().scrollOffset()
query.select('#content').boundingClientRect();
query.exec(function(res) {
console.log(res)
});

预期结果：

获取dom元素的节点

实际结果：

VM1578 WAService.js:2 Unhandled promise rejection TypeError: Cannot read property 'route' of undefined

bug描述：

8 个回复

公告

相关问题

【报Bug】uniapp vue3 uni.createSelectorQuery() 使用报错

操作步骤： var query = uni.createSelectorQuery().in(this); query.selectViewport().scrollOffset() query.select('#content').boundingClientRect(); query.exec(function(res) { console.log(res) });

预期结果： 获取dom元素的节点

实际结果： VM1578 WAService.js:2 Unhandled promise rejection TypeError: Cannot read property 'route' of undefined

bug描述：

相关链接 ：

与内容相关的链接

8 个回复

公告

相关问题

操作步骤：

var query = uni.createSelectorQuery().in(this);
query.selectViewport().scrollOffset()
query.select('#content').boundingClientRect();
query.exec(function(res) {
console.log(res)
});

预期结果：

获取dom元素的节点

实际结果：

VM1578 WAService.js:2 Unhandled promise rejection TypeError: Cannot read property 'route' of undefined

相关链接：