uni-app中原生头部导航栏图标事件的监听

这个其实很简单哦，注意看（所有事件的监听方法，其实官网中都有介绍，有时因为忙碌没有太多的时间逐个仔细看，导致我们不知道用啥去监听导航栏中的事件）教程：

1.打开官网：https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f

找到 框架下的生命周期==》 页面生命周期 =》 onNavigationBarButtonTap

 

 2.配置（在相应的配置文件中进行顶部导航栏的配置）

 

 

3.在页面中添加函数(和data是同级的函数)

onNavigationBarButtonTap(e) {
console.log('测试',e)
if (e.text == '清除消息') {
this.$refs.uToast.show(
{
title: '清除消息' ,
type:'primary'
});
}
},

注意：如果一个页面由多个组件组成，子组件中使用onNavigationBarButtonTap函数无法监听顶部事件，应把这个函数放在父组件中才能监听