温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

小程序开发如何获取节点的相关信息

发布时间:2022-03-14 14:58:41 来源:亿速云 阅读:175 作者:iii 栏目:开发技术

本篇内容主要讲解“小程序开发如何获取节点的相关信息”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“小程序开发如何获取节点的相关信息”吧!

获取节点的相关信息,需要获取的字段在fields中指定。返回值是nodesRef对应的selectorQuery。可指定获取的字段包括:

字段名 默认值 说明
id 是否返回节点id
dataset 是否返回节点dataset
rect 是否返回节点布局位置(left right top bottom
size 是否返回节点尺寸(width height
scrollOffset 是否返回节点的 scrollLeft scrollTop ,节点必须是scroll-view或者viewport
properties[] 指定属性名列表,返回节点对应属性名的当前属性值(只能获得组件文档中标注的常规属性值, id class style 和事件绑定的属性值不可获取)

示例代码:

Page({
  getFields: function(){
    wx.createSelectorQuery().select('#the-id').fields({
      dataset: true,
      size: true,
      scrollOffset: true,
      properties: ['scrollX', 'scrollY']
    }, function(res){
      res.dataset    // 节点的dataset  res.width      // 节点的宽度  res.height     // 节点的高度  res.scrollLeft // 节点的水平滚动位置  res.scrollTop  // 节点的竖直滚动位置  res.scrollX    // 节点 scroll-x 属性的当前值  res.scrollY    // 节点 scroll-x 属性的当前值}).exec()
  }
})

到此,相信大家对“小程序开发如何获取节点的相关信息”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI