onNavigationBarButtonTap 监听原生标题栏按钮点击事件

{
            "path": "pages/xxx/xxx",
            "style": {
                "navigationBarTitleText": "礼品上交",
                "app-plus": {
                    "titleNView": {
                        "buttons": [{
                            "text": "返回",
                            "fontSrc": "/static/iconfont.ttf",
                            "fontSize": "16px",
                            "color": "#000000",
                            "float": "left"
                        }]
                    }
                }
            }
        }

注意:
1 . 建议uni-app中单位全部用px,很多动态解析的upx会无效,出现很多隐形的问题,而使用px单位,静态hbuilder可以设置自动转换upx。

切记:APP修改了pages.json文件一定要重启,否则看不到效果!

二、 vue页面中监听导航栏自定义返回按钮事件 onNavigationBarButtonTap

在uniapp 中 getCurrentPages() 方法获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面.。
let page = pages[pages.length - 1];获取的即为当前页面栈,在当前页面栈 中从新调用onLoad 页面生命周期,即可刷新当前页let page = pages[pages.length - 2]; 即为上一页。

onNavigationBarButtonTap(e) {
			    const index = e.index;
			    if (index === 0) {
					let pages = getCurrentPages(); // 当前页面
					let beforePage = pages[pages.length - 2]; // 前一个页面
					uni.navigateBack({
						success: function() {
							beforePage.onLoad(); // 执行前一个页面的onLoad方法
							},
					});
			    }
			},

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值