这个其实很简单哦，注意看（所有事件的监听方法，其实官网中都有介绍，有时因为忙碌没有太多的时间逐个仔细看，导致我们不知道用啥去监听导航栏中的事件）教程：
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函数无法监听顶部事件，应把这个函数放在父组件中才能监听
原文：https://www.cnblogs.com/lxsunny/p/13883463.html