這個其實很簡單哦,注意看(所有事件的監聽方法,其實官網中都有介紹,有時因為忙碌沒有太多的時間逐個仔細看,導致我們不知道用啥去監聽導航欄中的事件)教程:
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函數無法監聽頂部事件,應把這個函數放在父組件中才能監聽