uniapp动态获取swiper的高或宽

在布局设置一下高度为动态的
 
<swiper class="tabs"  @change="swipers" :current="actvic"  :style="'height: ' {{ height}}'px;'">
 
</swiper>
 
声明height函数
 
data() {
        return {                       
            height: 500,            
        }
    },
 
在页面挂载后设置swiper高度
mounted() {
    this.setHeight();
  },
 
//设置高度
setHeight() {
//页面可见区域高度
      let windowHeight = uni.getSystemInfoSync().windowHeight;
      console.log("页面可见区域 "+windowHeight);
      //获取节点代码
            var query = uni.createSelectorQuery();
            //获取节点
        query.select('.swiper-item').boundingClientRect(res => {
        //判断是否未true
          if (res) {
          //当前元素高度
            console.log("元素高度 = "+rect.height);
            //页面高度+循环体高度等于总高度
            this.height = windowHeight + rect.height;
            console.log("总高度为 = "+this.height)
          }
        }).exec();  
  
  
    },
 //俩套代码
    lsetHeight( ) {
    //页面可视区域高度
      let windowHeight = uni.getSystemInfoSync().windowHeight;
      console.log("页面可见区域 = "+windowHeight);
      //获取元素节点
        var query = uni.createSelectorQuery();
        //当前循环体数据的长度
        console.log(this.mockRowData.length);
      //存储起来
        var moleng=this.mockRowData.length;
        //获取元素
        query.select('.swiper-item').boundingClientRect(rect => {
        //当前元素的高*数据个数=轮播图纵向轮播总长度
          let listHei=moleng*rect.height;
          console.log('轮播图高度为',listHei)
          //赋值给data数据
          this.swiperHeight=height;
        }).exec();        
    },