uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

场景：

app，Android移动端实现点击右上角图标，回首页。

问题：用了官网的 homeButton，图标正常展示了，也可点击，但每次点击后是会返回上一页而非首页。

后来查到说，要结合onNavigationBarButtonTap生命周期函数使用，但毫无反应。

uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题,uniapp,uni-app,vue.js,前端

解决方法：

放弃这种方法，选择官网提供的自定义按钮 buttons pages.json 页面路由 | uni-app官网

uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题,uniapp,uni-app,vue.js,前端

代码实现：

1、pages.json页面设置自定义按钮，这里图标选择官网提供的type: home，靠右展示

uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题,uniapp,uni-app,vue.js,前端

// 主要代码： 
"titleNView": {
	"homeButton": "false",
	"buttons": [{
	  "type": "home",
	  "float": "right"
    }]
}

2、在对应页面加onNavigationBarButtonTap函数，我这里不需要区分按的什么按钮，就没有接收参数，若需要可以按官网来做判断页面简介 | uni-app官网

uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题,uniapp,uni-app,vue.js,前端

实现界面：

uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题,uniapp,uni-app,vue.js,前端

参考地址：【uniapp】解决autoBackButton不生效和onNavigationBarButtonTap不起作用问题:_autobackbutton失效_Sun Peng的博客-CSDN博客文章来源地址https://www.toymoban.com/news/detail-659234.html

到了这里，关于uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

uniapp app 实现右上角回首页；点homeButton返回上一页；onNavigationBarButtonTap不生效问题

场景：

解决方法：

代码实现：

实现界面：

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2