一、需求描述
使用HBuilder X作为开发工具，vue作为开发语言，开发微信小程序。微信小程序页面内嵌h5页面，即<web-view></web-view>标签。通过设置不同url连接地址，设置不同的标题。
二、失败做法
页面A嵌入h5页面，需要给A设置标题。最开始写法是在lonload页面内，使用如下语句实现：
uni.setNavigationBarTitle({
title: option.fnname
});在微信开发者工具中，标题正常显示。但是预览及真机调试模式下，标题是一闪而过，然后就没有了。
如果在h5页面中设置标题，那么会出现双标题的问题。网上找了很多解决方法，一直都没有达到我想要的效果。
三、实现方式
据了解造成这种现象的原因是，加载完h5页面后，会将h5的标题作为当前页面A的标题。但是h5页面中，我没有设置标题，所以最后呈现的效果是标题为空。
本来我想的是监测h5页面加载完成，但是尝试了几种方法后，都失败。
最后我用了一种不算是完美的解决办法：文章来源：https://www.toymoban.com/news/detail-766952.html
setTimeout((res) => {
uni.setNavigationBarTitle({
title: option.fnname
});
}, 500);但是这样有个弊端，标题并不会立马就显示，会有一瞬间的延迟。但是吧，我觉得可以接受，比没有强。文章来源地址https://www.toymoban.com/news/detail-766952.html
到了这里，关于微信小程序内嵌h5页面，实现动态设置顶部标题的功能的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
