小程序组件化

wxml节点信息API
  • 在小程序中使用wx.createSelectorQuery()获取到SelectorQuery对象,这个对象提供了对应的节点操作方法
    • in(this) 将节点选区范围指向当前组件,默认只会查找当期页面
    • select() 根据css选择器查询到匹配结果的第一个元素节点,返回的 NodesRef对象实例
    • selectAll() 和select一样只不过他可以匹配多个
    • selectViewport() 选择显示区域(页面),可用于获取显示区域的尺寸、滚动位置等信息,返回一个NodesRef对象实例。
    • exec() 执行所有的请求,请求结果按请求次序构成数组,在callback的第一个参数中返回。
NodesRef对象

1、 boundingClientRect([callback])

获取节点信息, 返回值相对于显示区域,以像素为单位。
返回节点的信息有left、right、top、bottom、width、height 如果提供了callback回调函数,在执行selectQuery的exec方法后,节点信息会在callback中返回

2、scrollOffset([callback])

获取滚动位置信息,只针对与scroll-view组件以及viewport页面起作用,返回值是scrollLeft、scrollTop,如果提供了callback回调函数,在执行selectQuery的exec方法后,节点信息会在callback中返回

3、fields(Object, [callback])

指定获取那些信息 (id, dataset, rect, size, scrollOffset , properties=[获取的常规属性名称(注:id class style 除外)], computedStyle=[获取的样式名称])

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐