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函數無法監聽頂部事件,應把這個函數放在父組件中才能監聽


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM