一、获取页面高度
通过uni.getSystemInfoSync()方法可以获取到系统信息,其中就包括了页面高度等信息。
const { windowHeight } = uni.getSystemInfoSync(); // 获取页面高度
二、获取元素高度
比如有一个金刚区,我们需要获取到这块区域的高度:文章来源:https://www.toymoban.com/news/detail-596200.html
<view class="square_giant">
<block v-for="item in giantList" :key="item.id">
<view class="square_giant_item">
<image :src="item.image || ''" mode=""></image>
<text>{{ item.title || '' }}</text>
</view>
</block>
</view>
const query = uni.createSelectorQuery().in(this);
query.select('.square_giant').boundingClientRect(({ height }) => {
console.log('square_giant的高度是:' + height + 'px');
}).exec();
文章来源地址https://www.toymoban.com/news/detail-596200.html
到了这里,关于uniapp 获取页面高度及元素高度的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!