uniapp 如何設置 tabbar 的 midButton 按鈕
更新時間:2024年10月14日 16:48:37 作者:某公司摸魚前端
在UniApp開發(fā)中,設置TabBar的midButton按鈕可以增加用戶交互的便利性,本文介紹了在App.vue中監(jiān)聽事件的方法,并提供了官方文檔鏈接作為參考,通過這種方式可以實現(xiàn)TabBar中的特殊按鈕功能,提升應用的用戶體驗
效果展示:
中間的國際化沒生效(忽略就行)

示例代碼:

然后在 App.vue 中進行監(jiān)聽:
<script>
export default {
onLaunch(e) {
// #ifdef APP
uni.onTabBarMidButtonTap(()=>{
console.log("中間按鈕點擊回調(diào)");
})
// #endif
}
}
</script>
<style lang="scss">
</style>官方文檔參考:pages.json 頁面路由 | uni-app官網(wǎng)
到此這篇關于uniapp 設置 tabbar 的 midButton 按鈕的文章就介紹到這了,更多相關uniapp tabbar midButton 按鈕內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
firefox TBODY 用js顯示和隱藏時出現(xiàn)錯位的解決方法
今天幫別人寫一個網(wǎng)頁,發(fā)現(xiàn):當用javascript動態(tài)設置tr.style.display = "block"顯示某行時,使用IE瀏覽沒有問題,但使用firefox瀏覽時該行被移到了其它行的后面,很是詫異。2008-12-12
javascript開發(fā)隨筆一 preventDefault的必要
給a做按鈕的click事件加preventDefault阻止瀏覽器的默認行為貌似是印象中必須的事情2011-11-11
Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實例代碼
本文通過實例代碼給大家介紹了Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實現(xiàn)代碼,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧2017-06-06

