wepy.page
var query = wx.createSelectorQuery();
query.select('.wrap1').boundingClientRect();
query.exec(function (rect) {
console.log(rect)
});
打印是有数据的
<br />
wepy.component
当我在组件中使用同样方法,返回的是null
,很迷茫,直到我看见官方issue https://github.com/Tencent/wepy/issues/2251
<br />
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
网友评论