一、需求描述
使用HBuilder X作為開(kāi)發(fā)工具，vue作為開(kāi)發(fā)語(yǔ)言，開(kāi)發(fā)微信小程序。微信小程序頁(yè)面內(nèi)嵌h5頁(yè)面，即<web-view></web-view>標(biāo)簽。通過(guò)設(shè)置不同url連接地址，設(shè)置不同的標(biāo)題。
二、失敗做法
頁(yè)面A嵌入h5頁(yè)面，需要給A設(shè)置標(biāo)題。最開(kāi)始寫(xiě)法是在lonload頁(yè)面內(nèi)，使用如下語(yǔ)句實(shí)現(xiàn)：
uni.setNavigationBarTitle({
title: option.fnname
});在微信開(kāi)發(fā)者工具中，標(biāo)題正常顯示。但是預(yù)覽及真機(jī)調(diào)試模式下，標(biāo)題是一閃而過(guò)，然后就沒(méi)有了。
如果在h5頁(yè)面中設(shè)置標(biāo)題，那么會(huì)出現(xiàn)雙標(biāo)題的問(wèn)題。網(wǎng)上找了很多解決方法，一直都沒(méi)有達(dá)到我想要的效果。
三、實(shí)現(xiàn)方式
據(jù)了解造成這種現(xiàn)象的原因是，加載完h5頁(yè)面后，會(huì)將h5的標(biāo)題作為當(dāng)前頁(yè)面A的標(biāo)題。但是h5頁(yè)面中，我沒(méi)有設(shè)置標(biāo)題，所以最后呈現(xiàn)的效果是標(biāo)題為空。
本來(lái)我想的是監(jiān)測(cè)h5頁(yè)面加載完成，但是嘗試了幾種方法后，都失敗。
最后我用了一種不算是完美的解決辦法：文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-766952.html
setTimeout((res) => {
uni.setNavigationBarTitle({
title: option.fnname
});
}, 500);但是這樣有個(gè)弊端，標(biāo)題并不會(huì)立馬就顯示，會(huì)有一瞬間的延遲。但是吧，我覺(jué)得可以接受，比沒(méi)有強(qiáng)。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-766952.html
到了這里，關(guān)于微信小程序內(nèi)嵌h5頁(yè)面，實(shí)現(xiàn)動(dòng)態(tài)設(shè)置頂部標(biāo)題的功能的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
