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();				
		},