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: '新的标题'
});

版权声明:本文为weixin_39389758原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。