小程序内嵌h5-修改导航栏标题

2024-05-17 约 254 字预计阅读 1 分钟

做的这个需求有一点子头疼, 就是小程序内嵌一个h5页面,这边是用来webview来引入的,就不详细介绍了.

问题: 切换页面tab的时候上面的标题也要修改

发现: h5页面的title嵌入进来就是小程序的标题

解决: 那这就好解决了,直接监听路由改变,修改页面标题

  useEffect(() => {
    pagePath === '/layout' ? document.title = '菜品' : document.title = '营业'
  },[pagePath])

出现改不了页面标题的问题, 强制刷新 一波

 document.title = ''
        window.location.reload() // 强制页面刷新(小程序标题改不了,fack)

防忘记录📝,有好的方法指导一下,各位大佬

目录