小程序获得元素的宽度、高度

小程序使图片宽高一致，显示为正方形

// An highlighted block
<image bindload="imageLoad" 
       class="gridimg" 
       style="width:100%;height:{{ imagesHeight }}px;" 
       src="....." 
></image>

wx.createSelectorQuery() 创建节点选择器

  imageLoad: function (e) {
    let query = wx.createSelectorQuery();
    query.select('.gridimg').boundingClientRect(rect => {
      let width = rect.width;
      if(width>0){
      //设置高度跟宽度相同，然后应用到wxml中
        this.setData({
          imagesHeight: width
        });
        return;
      }
    }).exec();
  },