关于微信小程序使用swiper组件实现tab页的高度自适应的问题

swiper组件是自带150rpx的高度并且是无法利用元素的高度去撑开的，这是swiper组件的一个大大大坑，先说一个自元素固定高度的办法，如果自元素固定高度直接js计算 子元素的高度*子元素的个数 把高度值赋值给swiper就可以

今天我要说的一个方法是子元素高度不固定，自适应高度的方法

首先大概的思路就是，在swiper-item的开始和结束分别放一个空的view，计算他们之间的高度差赋值给swiper

有几个就设置几个，分别是start1，2，3.。。和end 1， 2，3

注意：一定要和currenttab（就是swiper对应的当前页）对应

初始化currenttab为0

  bindChange: function(e) {//切换tab页
    var that = this;
    that.setData({ currentTab: e.detail.current });
    this.autoHeight();
  },

计算高度差（+49是因为我的上面有一段绝对定位掉了因此手动加上了高度）：

 autoHeight: function() {
    wx.createSelectorQuery()
      .select("#end" + this.data.currentTab)
      .boundingClientRect()
      .select("#start" + this.data.currentTab)
      .boundingClientRect()
      .exec(rect => {
        let _space = rect[0].bottom - rect[1].top+49;
        _space = _space + "px";
        console.error("_space"+ _space)
        this.setData({
          swiper_height: _space
        });
      });
     
      console.error(this.data.swiper_height);
  },

这就完美了，在onload里面先调用这个方法，再在切换的时候调用。这个bug困扰了我2天，希望能给后面的小可爱一点经验，另外如果有微信小程序的交流群希望大家能给我推荐一下，互相学习嘻嘻