uniapp设置导航栏隐藏显示的方法:首先获取当前页面webview的对象实例;然后打印,并找到需要修改的数据;接着修改“titleNView.autoBackButton=false”;最后最后重设titleNView即可。
本教程操作环境:windows7系统、uni-app2.5.1版本,该方法适用于所有品牌电脑。
推荐(免费):uni-app开发教程
uniapp动态显示/隐藏顶部导航栏返回按钮
uniapp动态修改顶部导航栏
获取当前页面 webview 的对象实例
let pages = getCurrentPages() let page = pages[pages.length - 1]; let currentWebview = page.$getAppWebview();
打印,找到需要修改的数据
let titleNView = currentWebview.getStyle().titleNView console.log(titleNView) //打印结果 { "autoBackButton": true, "backgroundColor": "#F8F8F8", "dock": "top", "height": 44, "position": "dock", "statusbar": {}, "tags": [], "titleColor": "#000000", "titleText": "纸板入库", "type": "default" }
然后修改
titleNView.autoBackButton = false
最后重设titleNView
currentWebview.setStyle({ titleNView:titleNView })
如果是修改导航栏标题的话不需要以上代码,直接调用uni.setNavigationBarTitle()即可。如下
uni.setNavigationBarTitle({ title: '新的标题' });
以上是uniapp如何设置导航栏隐藏显示的详细内容。更多信息请关注PHP中文网其他相关文章!