uniapp 如何設(shè)置 tabbar 的 midButton 按鈕
效果展示:
中間的國(guó)際化沒(méi)生效(忽略就行)
示例代碼:
然后在 App.vue 中進(jìn)行監(jiān)聽:
<script> export default { onLaunch(e) { // #ifdef APP uni.onTabBarMidButtonTap(()=>{ console.log("中間按鈕點(diǎn)擊回調(diào)"); }) // #endif } } </script> <style lang="scss"> </style>
官方文檔參考:pages.json 頁(yè)面路由 | uni-app官網(wǎng)
到此這篇關(guān)于uniapp 設(shè)置 tabbar 的 midButton 按鈕的文章就介紹到這了,更多相關(guān)uniapp tabbar midButton 按鈕內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
firefox TBODY 用js顯示和隱藏時(shí)出現(xiàn)錯(cuò)位的解決方法
今天幫別人寫一個(gè)網(wǎng)頁(yè),發(fā)現(xiàn):當(dāng)用javascript動(dòng)態(tài)設(shè)置tr.style.display = "block"顯示某行時(shí),使用IE瀏覽沒(méi)有問(wèn)題,但使用firefox瀏覽時(shí)該行被移到了其它行的后面,很是詫異。2008-12-12微信小程序獲取用戶手機(jī)號(hào)碼詳細(xì)教程(前端+后端)
在我們開發(fā)微信小程序時(shí),獲取用戶手機(jī)號(hào)碼是常見的需求之一,這篇文章主要給大家介紹了關(guān)于微信小程序獲取用戶手機(jī)號(hào)碼的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02javascript開發(fā)隨筆一 preventDefault的必要
給a做按鈕的click事件加preventDefault阻止瀏覽器的默認(rèn)行為貌似是印象中必須的事情2011-11-11JavaScript仿網(wǎng)易選項(xiàng)卡制作代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript仿網(wǎng)易選項(xiàng)卡制作代碼,具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-10-10小程序中this.setData的使用和注意事項(xiàng)
這篇文章主要介紹了微信小程序中this.setData的使用和注意事項(xiàng),非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實(shí)現(xiàn)代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-06-06jQuery實(shí)現(xiàn)文字自動(dòng)橫移
本文詳細(xì)介紹了通過(guò)jquery尺寸相關(guān)函數(shù)實(shí)現(xiàn)文字自動(dòng)橫移的方法。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01bootstrap實(shí)現(xiàn)圖片自動(dòng)輪播
這篇文章主要為大家詳細(xì)介紹了bootstrap實(shí)現(xiàn)圖片自動(dòng)輪播,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12JavaScript對(duì)URL進(jìn)行編碼和解碼的三種方式
本文詳細(xì)介紹了為何在URL中需要編碼,列舉了需要編碼的字符,以及JavaScript中的escape,encodeURI,encodeURIComponent三種編碼方式及其用途和注意事項(xiàng),需要的朋友可以參考下2025-04-04