当前位置：网站首页>uniapp动态设置占位区高度（配合createSelectorQuery方法）

uniapp动态设置占位区高度（配合createSelectorQuery方法）

2022-07-21 02:29:00 【Acardia_Liu】

需求：

top-box区域为fixed布局，固定的。此时需要一个配套的占位区域，来占住top-box的位置，以防止内容区域挤压。

//view
<view class="top-box">
</view>
<!-- top-box占位 -->
<view :style="setHeight()">
</view>
//data
topHeight : 0,
//methods
// 动态设置占位区高度
setHeight() {
    
	this.$nextTick(() => {
    
		uni.createSelectorQuery().select('.top-box').boundingClientRect().exec((res) => {
    
		//异步方法，无法return出去，也无法将变量传至外部，故另起一个全局变量
			this.topHeight = res[0].height
		})
	})
	return `height:${
      this.topHeight}px`
}
原网站

版权声明
本文为[Acardia_Liu]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_43351090/article/details/125868738

边栏推荐

猜你喜欢

随机推荐