uniapp开发中我们经常会遇到各种各样的错误，知码客今天分享的是一个常见的错误API ‘getMenuButtonBoundingClientRect‘ is not yet implemented

错误原因

这是api不支持 ，当前平台不支持这个api，注意添加条件编译
H5 || APP-PLUS || MP-ALIPAY 不支持胶囊按钮样式的API

解决方法

解决的方法很简单我们进行条件编译即可，这是因为此接口不支持某些平台的原因

// 根据<a href="https://www.zeemaco.com/t/微信小程序.html" >微信小程序</a>的右上侧的胶囊样式 设置导航栏内容的高度
// #ifndef H5 || APP-PLUS || MP-ALIPAY
    const menuInfo = uni.getMenuButtonBoundingClientRect()
    // 导航栏内容的高度 = (胶囊底部的高度 - 状态栏的高度) + (胶囊顶部的高度 - 状态栏的高度)
    this.navBarHeight = (menuInfo.bottom - info.statusBarHeight) + (menuInfo.top - info.statusBarHeight)
    // 导航栏内容的宽度 = ()
    this.navBarWidth = menuInfo.left
    // console.log(this.navBarHeight,this.navBarWidth)
// #endif