詳解uniapp如何解決H5頁面雙標(biāo)題
概述：Uniapp打包到線上，會(huì)出現(xiàn)雙標(biāo)題問題，原因是：通過地址鏈接訪問時(shí)，會(huì)有個(gè)瀏覽器自身的標(biāo)題，和uniapp自身的導(dǎo)航欄標(biāo)題重復(fù)。
解決方案：通過自定義uniapp項(xiàng)目的標(biāo)題，然后進(jìn)行條件編譯，只在app和小程序上顯示，H5端不顯示，即可只顯示瀏覽器自身的標(biāo)題。
1. pages.json配置
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "統(tǒng)一收銀數(shù)據(jù)大屏",
"enablePullDownRefresh": false,
"navigationStyle":"custom"
}
}
2. 頁面配置
<!-- #ifdef MP-WEIXIN -->
<u-navbar title="統(tǒng)一收銀數(shù)據(jù)大屏" > </u-navbar>
<!-- #endif -->
最后關(guān)鍵一步：自定義了導(dǎo)航欄后，必須進(jìn)行條件編譯，讓標(biāo)題只在微信小程序或app上顯示，H5端影藏，否則依然會(huì)顯示兩個(gè)標(biāo)題。
3. 最后效果
到此這篇關(guān)于詳解uniapp如何解決H5頁面雙標(biāo)題的文章就介紹到這了,更多相關(guān)uniapp H5頁面雙標(biāo)題內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
解決vue中監(jiān)聽input只能輸入數(shù)字及英文或者其他情況的問題
今天小編就為大家分享一篇解決vue中監(jiān)聽input只能輸入數(shù)字及英文或者其他情況的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Vue中使用this.$set()如何新增數(shù)據(jù),更新視圖
這篇文章主要介紹了Vue中使用this.$set()實(shí)現(xiàn)新增數(shù)據(jù),更新視圖方式。具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
Vue+element使用row-class-name修改el-table某一行解決背景色無效的方法
本文主要介紹了Vue+element使用row-class-name修改el-table某一行解決背景色無效的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
Vue項(xiàng)目中v-model和sync的區(qū)別及使用場(chǎng)景分析
在Vue項(xiàng)目中,v-model和.sync是實(shí)現(xiàn)父子組件雙向綁定的兩種方式,v-model主要用于表單元素和子組件的雙向綁定,通過modelValue和update:modelValue實(shí)現(xiàn),.sync修飾符則用于同步prop值,適合在子組件內(nèi)更新父組件prop值的場(chǎng)景,通過update:propName事件實(shí)現(xiàn)2024-11-11
vue打包相關(guān)細(xì)節(jié)整理(小結(jié))
這篇文章主要介紹了vue打包相關(guān)細(xì)節(jié)整理(小結(jié)),小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-09-09
vue將某個(gè)組件打包成js并在其他項(xiàng)目使用
這篇文章主要給大家介紹了關(guān)于vue將某個(gè)組件打包成js并在其他項(xiàng)目使用的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-07-07
本篇文章主要介紹了手把手教你使用vue-cli腳手架(圖文解析)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
本文主要介紹了Vue生態(tài)的新成員Pinia的詳細(xì)介紹，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
vue+element實(shí)現(xiàn)手機(jī)號(hào)驗(yàn)證碼注冊(cè)的示例
本文主要介紹了vue+element實(shí)現(xiàn)手機(jī)號(hào)驗(yàn)證碼注冊(cè)的示例，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
如何巧用Vue.extend繼承組件實(shí)現(xiàn)el-table雙擊可編輯(不使用v-if、v-else)
這篇文章主要給大家介紹了關(guān)于如何巧用Vue.extend繼承組件實(shí)現(xiàn)el-table雙擊可編輯的相關(guān)資料,不使用v-if、v-else,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06