詳解uniapp如何解決H5頁面雙標題

更新時間：2024年10月16日 11:38:09 作者：bug愛好者

Uniapp打包到線上,會出現(xiàn)雙標題問題,原因是：通過地址鏈接訪問時,會有個瀏覽器自身的標題,和uniapp自身的導航欄標題重復,本文給大家介紹了uniapp如何解決H5頁面雙標題,需要的朋友可以參考下

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)鍵一步：自定義了導航欄后，必須進行條件編譯，讓標題只在微信小程序或app上顯示，H5端影藏，否則依然會顯示兩個標題。

3. 最后效果

到此這篇關(guān)于詳解uniapp如何解決H5頁面雙標題的文章就介紹到這了,更多相關(guān)uniapp H5頁面雙標題內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

解決vue中監(jiān)聽input只能輸入數(shù)字及英文或者其他情況的問題
今天小編就為大家分享一篇解決vue中監(jiān)聽input只能輸入數(shù)字及英文或者其他情況的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
Vue中使用this.$set()如何新增數(shù)據(jù),更新視圖
這篇文章主要介紹了Vue中使用this.$set()實現(xiàn)新增數(shù)據(jù),更新視圖方式。具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-06-06
Vue+element使用row-class-name修改el-table某一行解決背景色無效的方法
本文主要介紹了Vue+element使用row-class-name修改el-table某一行解決背景色無效的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-01-01
Vue項目中v-model和sync的區(qū)別及使用場景分析
在Vue項目中,v-model和.sync是實現(xiàn)父子組件雙向綁定的兩種方式,v-model主要用于表單元素和子組件的雙向綁定,通過modelValue和update:modelValue實現(xiàn),.sync修飾符則用于同步prop值,適合在子組件內(nèi)更新父組件prop值的場景,通過update:propName事件實現(xiàn)
2024-11-11
vue打包相關(guān)細節(jié)整理(小結(jié))
這篇文章主要介紹了vue打包相關(guān)細節(jié)整理(小結(jié)),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-09-09
vue將某個組件打包成js并在其他項目使用
這篇文章主要給大家介紹了關(guān)于vue將某個組件打包成js并在其他項目使用的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考借鑒價值,需要的朋友可以參考下
2023-07-07
手把手教你使用vue-cli腳手架(圖文解析)
本篇文章主要介紹了手把手教你使用vue-cli腳手架(圖文解析)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
Vue生態(tài)的新成員Pinia的詳細介紹
本文主要介紹了Vue生態(tài)的新成員Pinia的詳細介紹，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-01-01
vue+element實現(xiàn)手機號驗證碼注冊的示例
本文主要介紹了vue+element實現(xiàn)手機號驗證碼注冊的示例，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-01-01
如何巧用Vue.extend繼承組件實現(xiàn)el-table雙擊可編輯(不使用v-if、v-else)
這篇文章主要給大家介紹了關(guān)于如何巧用Vue.extend繼承組件實現(xiàn)el-table雙擊可編輯的相關(guān)資料,不使用v-if、v-else,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-06-06