uniapp 如何設(shè)置 tabbar 的 midButton 按鈕
更新時間:2024年10月14日 16:48:37 作者:某公司摸魚前端
在UniApp開發(fā)中,設(shè)置TabBar的midButton按鈕可以增加用戶交互的便利性,本文介紹了在App.vue中監(jiān)聽事件的方法,并提供了官方文檔鏈接作為參考,通過這種方式可以實現(xiàn)TabBar中的特殊按鈕功能,提升應(yīng)用的用戶體驗
效果展示:
中間的國際化沒生效(忽略就行)
示例代碼:
然后在 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)
到此這篇關(guān)于uniapp 設(shè)置 tabbar 的 midButton 按鈕的文章就介紹到這了,更多相關(guān)uniapp tabbar midButton 按鈕內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
firefox TBODY 用js顯示和隱藏時出現(xiàn)錯位的解決方法
今天幫別人寫一個網(wǎng)頁,發(fā)現(xiàn):當(dāng)用javascript動態(tài)設(shè)置tr.style.display = "block"顯示某行時,使用IE瀏覽沒有問題,但使用firefox瀏覽時該行被移到了其它行的后面,很是詫異。2008-12-12javascript開發(fā)隨筆一 preventDefault的必要
給a做按鈕的click事件加preventDefault阻止瀏覽器的默認行為貌似是印象中必須的事情2011-11-11Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實例代碼
本文通過實例代碼給大家介紹了Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實現(xiàn)代碼,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧2017-06-06