uniapp swiper高度自适应 与 获取组件元素高度

uniapp swiper高度自适应 与 获取组件元素高度
1【js-methods】
.home-plate-R 为你需要获得高度的样式模块名称 根据名称修改
this.swiperHeight 为 变量名
然后再调用这个 getElementHeight()方法

/* 获得高度 */
			getElementHeight(element) {
				setTimeout(()=>{
				  let query = uni.createSelectorQuery().in(this);
				  query.select(element).boundingClientRect();
				  query.exec((res) => {
				    if (!res) {//如果没获取到,再调一次
				      this.getElementHeight('.home-plate-R');
				    }else {
				      this.swiperHeight = res[0].height + 90;
				     }
				  })
				},20)
				console.log("swiperHeight:" + this.swiperHeight)
			}

2【js-export default】

onLoad() {
			console.log("onLoad home")
			this.getElementHeight('.home-plate-R');
		},
		onShow() {
			console.log("onShow home")
			this.getElementHeight('.home-plate-R');
		},
687 Views
分享你的喜爱
linwute
linwute

我要像梦一样自由,像大地一样宽容;
在艰辛放逐的路上,点亮生命的光芒;
我要像梦一样自由,像天空一样坚强;
在曲折蜿蜒的路上,体验生命的意义;

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注