詳解uniapp如何解決H5頁面雙標(biāo)題
更新時(shí)間：2024年10月16日 11:38:09 作者：bug愛好者
Uniapp打包到線上,會(huì)出現(xiàn)雙標(biāo)題問題,原因是：通過地址鏈接訪問時(shí),會(huì)有個(gè)瀏覽器自身的標(biāo)題,和uniapp自身的導(dǎo)航欄標(biāo)題重復(fù),本文給大家介紹了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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于vue中正確使用jsx的相關(guān)資料,JSX就是Javascript和XML結(jié)合的一種格式,React發(fā)明了JSX,利用HTML語法來創(chuàng)建虛擬DOM,當(dāng)遇到<,JSX就當(dāng)HTML解析,遇到{就當(dāng)JavaScript解析,需要的朋友可以參考下2021-07-07
詳解Vue前端生產(chǎn)環(huán)境發(fā)布配置實(shí)戰(zhàn)篇
這篇文章主要介紹了詳解Vue前端生產(chǎn)環(huán)境發(fā)布配置實(shí)戰(zhàn)篇，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要介紹了element-ui 中的table的列隱藏問題解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家介紹了vue中定義全局聲明vscode插件提示找不到問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
vue頁面中使用getElementsByClassName無法獲取元素的解決
這篇文章主要介紹了vue頁面中使用getElementsByClassName無法獲取元素的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了簡單了解vue.js數(shù)組的常用操作,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了vue實(shí)現(xiàn)登錄攔截，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
Vux+Axios攔截器增加loading的問題及實(shí)現(xiàn)方法
這篇文章主要介紹了Vux+Axios攔截器增加loading的問題及實(shí)現(xiàn)方法，文中通過實(shí)例代碼介紹了vue中使用axios的相關(guān)知識(shí),需要的朋友可以參考下2018-11-11
這篇文章主要介紹了Vue實(shí)戰(zhàn)教程之仿肯德基宅急送App，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07
基于Vue3實(shí)現(xiàn)點(diǎn)擊Tab平滑滾動(dòng)并吸頂效果的完整代碼
在現(xiàn)代 Web 應(yīng)用開發(fā)中,良好的用戶體驗(yàn)至關(guān)重要,本文將深入剖析一個(gè)常見的交互需求：點(diǎn)擊頁面 Tab 欄時(shí),頁面平滑滾動(dòng)至該 Tab 區(qū)域,并使其吸附在頂部導(dǎo)航欄下方的效果,需要的朋友可以參考下2026-02-02