环保行业网站开发,打开百度网址,wordpress去分类,网上商城建设杭州服务商一、需求描述
使用HBuilder X作为开发工具#xff0c;vue作为开发语言#xff0c;开发微信小程序。微信小程序页面内嵌h5页面#xff0c;即web-view/web-view标签。通过设置不同url连接地址#xff0c;设置不同的标题。
二、失败做法
页面A嵌入h5页面vue作为开发语言开发微信小程序。微信小程序页面内嵌h5页面即web-view/web-view标签。通过设置不同url连接地址设置不同的标题。
二、失败做法
页面A嵌入h5页面需要给A设置标题。最开始写法是在lonload页面内使用如下语句实现
uni.setNavigationBarTitle({title: option.fnname
});
在微信开发者工具中标题正常显示。但是预览及真机调试模式下标题是一闪而过然后就没有了。
如果在h5页面中设置标题那么会出现双标题的问题。网上找了很多解决方法一直都没有达到我想要的效果。
三、实现方式
据了解造成这种现象的原因是加载完h5页面后会将h5的标题作为当前页面A的标题。但是h5页面中我没有设置标题所以最后呈现的效果是标题为空。
本来我想的是监测h5页面加载完成但是尝试了几种方法后都失败。
最后我用了一种不算是完美的解决办法
setTimeout((res) {uni.setNavigationBarTitle({title: option.fnname});
}, 500);
但是这样有个弊端标题并不会立马就显示会有一瞬间的延迟。但是吧我觉得可以接受比没有强。