关于小程序:wepy2-获取元素节点

wepy.page
var query = wx.createSelectorQuery();
query.select('.wrap1').boundingClientRect();
query.exec(function (rect) {
    console.log(rect)
});

打印是有数据的

wepy.component

当我在组件中应用同样办法,返回的是null,很迷茫,直到我看见官网issue https://github.com/Tencent/wepy/issues/2251

微信官网文档

wx.createSelectorQuery()

返回一个 SelectorQuery 对象实例。在自定义组件或蕴含自定 义组件的页面中,应应用 `this.createSelectorQuery()` 来代替

所以正确的用法:

const query = this.$wx.createSelectorQuery();
query.select(dom).boundingClientRect();
query.exec( (rect) => {
    console.log(rect)
});
最初留神

wepy中的this. 是 wepy 的实例。和小程序不一样.this.$wx 才是对应的 小程序中的 this

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据