uniapp 如何設(shè)置 tabbar 的 midButton 按鈕
更新時(shí)間：2024年10月14日 16:48:37 作者：某公司摸魚前端
在UniApp開發(fā)中,設(shè)置TabBar的midButton按鈕可以增加用戶交互的便利性,本文介紹了在App.vue中監(jiān)聽事件的方法,并提供了官方文檔鏈接作為參考,通過這種方式可以實(shí)現(xiàn)TabBar中的特殊按鈕功能,提升應(yīng)用的用戶體驗(yàn)
效果展示：
中間的國際化沒生效（忽略就行）
示例代碼：
然后在 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 頁面路由 | uni-app官網(wǎng)
到此這篇關(guān)于uniapp 設(shè)置 tabbar 的 midButton 按鈕的文章就介紹到這了,更多相關(guān)uniapp tabbar midButton 按鈕內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
昨天閑著沒事，又因?yàn)楣ぷ餍枰瑢懥艘粋€(gè)腳本，用來做ftp。當(dāng)然不是直接做ftp，而是產(chǎn)生一個(gè)ftp的腳本，供ftp命令使用。2013-07-07
微信小程序是一種基于微信平臺的應(yīng)用程序,它可以在微信中直接使用,具有許多類似于原生應(yīng)用的功能,微信小程序添加授權(quán)登錄和用戶權(quán)限功能,我們可以使用微信提供的開放能力和API來實(shí)現(xiàn),這篇文章主要介紹了微信授權(quán)小程序的完整步驟,需要的朋友可以參考下2026-05-05
Bootstrap編寫一個(gè)在當(dāng)前網(wǎng)頁彈出可關(guān)閉的對話框 非彈窗
這篇文章主要介紹了Bootstrap編寫一個(gè)在當(dāng)前網(wǎng)頁彈出可關(guān)閉的對話框，不用跳轉(zhuǎn)，非彈窗，感興趣的小伙伴們可以參考一下2016-06-06
JavaScript 定義function的三種方式小結(jié)
JavaScript中定義function有以下三種方式.2009-10-10
微信小程序自定義tab實(shí)現(xiàn)多層tab嵌套
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義tab實(shí)現(xiàn)多層tab嵌套，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
如何用JS取得網(wǎng)址中的文件名...2006-08-08
js history對象簡單實(shí)現(xiàn)返回和前進(jìn)
返回和前進(jìn)大家應(yīng)該不陌生吧，瀏覽器上面的返回和前進(jìn)按鈕大家瀏覽網(wǎng)頁時(shí)都會(huì)應(yīng)到的，下面就為大家介紹下js中是如何實(shí)現(xiàn)所謂的返回和前進(jìn)2013-10-10
javascript innerText和innerHtml應(yīng)用
innerText和innerHtml看字面也應(yīng)該理解的了2010-01-01
最近看到一些面試的回顧,不少有被面試官問到談?wù)凧S垃圾回收機(jī)制,下面這篇文章主要給大家介紹了關(guān)于js引擎垃圾回收機(jī)制的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
JS使用可選鏈操作符 (?.) 進(jìn)行空值檢查的操作
在 JavaScript 中,處理嵌套對象或數(shù)組時(shí),經(jīng)常會(huì)遇到空值檢查的問題,傳統(tǒng)的空值檢查通常比較繁瑣,容易導(dǎo)致代碼冗長且難以閱讀,ES2020 引入了可選鏈操作符 (?.),極大地簡化了這些檢查過程,本文介紹了JS使用可選鏈操作符 (?.) 進(jìn)行空值檢查的操作2024-12-12