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

场景:

app,Android移动端 实现点击右上角图标,回首页。
问题:用了官网的 homeButton,图标正常展示了,也可点击,但每次点击后是会返回上一页而非首页。

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

解决方法:

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

代码实现:

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

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

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

实现界面:

参考地址:【uniapp】解决autoBackButton不生效和onNavigationBarButtonTap不起作用问题:_autobackbutton失效_Sun Peng的博客-CSDN博客

相关推荐
优联前端1 分钟前
uni-app-通过vue-cli命令行快速上手
开发语言·前端·vue.js·uni-app·优联前端
点燃银河尽头的篝火(●'◡'●)1 小时前
【BurpSuite】Cross-site scripting (XSS 学徒部分:1-9)
前端·web安全·网络安全·xss
Jiaberrr1 小时前
手把手教你:微信小程序实现语音留言功能
前端·微信小程序·小程序·语音·录音
熊猫在哪1 小时前
安装nuxt3
前端·nuxt.js
安冬的码畜日常2 小时前
【CSS in Depth 2 精译_036】5.6 Grid 网格布局中与对齐相关的属性 + 5.7本章小结
前端·css·css3·html5·网格布局·grid·css网格
啧不应该啊3 小时前
vue配置axios
前端·javascript·vue.js
__fuys__3 小时前
【HTML样式】加载动画专题 每周更新
前端·javascript·html
Want5953 小时前
HTML粉色烟花秀
前端·css·html
让开,我要吃人了3 小时前
HarmonyOS鸿蒙开发实战(5.0)自定义全局弹窗实践
前端·华为·移动开发·harmonyos·鸿蒙·鸿蒙系统·鸿蒙开发
yanlele3 小时前
前端面试第 66 期 - Vue 专题第二篇 - 2024.09.22 更新前端面试问题总结(20道题)
前端·javascript·面试