美文网首页小程序
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 获取元素节点

    wepy.page 打印是有数据的 wepy.component 当我在组件中使用同样方法,返回的是null,很迷...

  • jQuery 常用的节点操作

    js 获取元素(父节点,子节点,兄弟节点) jQuery 获取元素(父节点,子节点,兄弟节点) 元素筛选

  • DOM笔记

    DOM笔记获取元素获取指定元素获取子元素&兄弟元素&父元素获取第一&最后一个子元素节点操作克隆节点 - clone...

  • 获取兄弟元素节点系列方法

    获取上一个哥哥元素节点:prev 获取下一个弟弟元素节点:next 获取所有的哥哥元素节点:prevAll 获取所...

  • JavaScript DOM常用笔记

    获取元素(父节点,子节点,兄弟节点)

  • 5-5 DOM结构操作

    5-5 DOM结构操作(新增删除移动,获取父子元素) 新增节点 获取父元素 获取子元素 删除节点 移动 其他比如遍...

  • JavaScript基础 DOM对象2

    parentNode获取父元素节点,兼容所有浏览器 .offsetParent 获取定位父元素节点,(父代中最近...

  • 原生js 获取节点,操作节点,操作类名

    js中获取节点和针对节点的操作以及类名操作 获取节点 孩子节点 childNodes 获取所有子元素节点和文本节点...

  • DOM结构操作

    新增、插入节点 createElement appendChild 获取父元素 parentNode 获取子元素列...

  • 【JavaScript】你真的了解节点操作吗?

    ?节点操作 我们获取元素通常有两种方式: 利用DOM提供的方法获取元素 和 利用节点层级关系获取元素前者逻辑性不强...

网友评论

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

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