您的位置:首页 > 移动开发 > 微信开发

微信小程序创建节点选择器获取宽高wx createSelectorQuery

2019-04-23 15:07 501 查看
                     

微信小程序提供了一个获取节点宽高等信息的方法,一共是两步。
1.在对应的节点上定义一个id

<image src='{{imgUrl}}' class="look-image"  bindload="imageLoad" id="drawID"></image>
  • 1
2.在js里面创建这个id的节点选择器
onLoad: function (options) {    var _this=this;    //创建节点选择器    var query = wx.createSelectorQuery();    //选择id    query.select('#drawID').boundingClientRect()    query.exec(function (res) {      //res就是 该元素的信息 数组      console.log(res);      //取高度      _this.setData({        realWidth: res[0].width,        realHeight: res[0].height      })      console.log('取高度', _this.data.realHeight);    })    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
通过这两步就可以获取相应的一些信息了。

           
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: