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().titlenviewconsole.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如何设置导航栏隐藏显示的详细内容。