解决：uni.getMenuButtonBoundingClientRect()；获取到的数据都为零的问题

最新推荐文章于 2024-05-13 11:16:00 发布

原创

最新推荐文章于 2024-05-13 11:16:00 发布 · 6.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #小程序

本文探讨了在微信小程序中，如何解决用户重新进入时菜单栏高度无法获取的问题。作者通过定时器、缓存管理和状态管理的结合，确保了状态栏高度的准确获取，适用于所有场景。

出现场景：

正常进入可以获取得到
但是进入小程序之后，点击右上角，点击重新进入小程序就会出现获取都为0的情况

console.log('oMenuBtn:',oMenuBtn);//打印 width:0,bottom:0,top:0,...

代码是写在App.vue里面，启动后获取状态栏的高度并存到vuex中使用

oMenuBtn = uni.getMenuButtonBoundingClientRect()
						console.log('oMenuBtn:',oMenuBtn);
						sysTopH = oMenuBtn.bottom + oMenuBtn.top - e.statusBarHeight;
						menuBtnMidlle = oMenuBtn.top + oMenuBtn.height / 2
						menuBtnbottom = oMenuBtn.top + oMenuBtn.<