美文网首页小程序
wepy2 获取元素节点

wepy2 获取元素节点

作者: 大咔丶 | 来源:发表于2020-08-07 11:48 被阅读0次
    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

    相关文章

      网友评论

        本文标题:wepy2 获取元素节点

        本文链接:https://www.haomeiwen.com/subject/culfdktx.html