[UNIAPP] 在 UNIAPP 开发的小程序中，调用 H5 链接的一个问题？

This topic created in 764 days ago, the information mentioned may be changed or developed.

场景

我用 UNIAPP 开发了一个小程序，现在我在小程序内调用一个 H5 的链接，我想在这个访问 H5 的链接的页面，使用 H5 页面的导航栏有办法实现吗？

微信小程序文档：
web-view
功能描述
承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。
客户端 6.7.2 版本开始，navigationstyle:custom 对 web-view 组件无效

需求

1.例如我从 H5 的页面 （ A 页面 -> B 页面 -> C 页面） 但是返回的时候， 从 C 页面通过判断可能直接返回 A 页面；

2.导航栏的文字动态

uniapp

web-view

导航栏

2 replies • 2024-04-10 18:57:40 +08:00

lingxiaoli

Apr 10, 2024

1 可以通过判断 history 长度来做但是不如直接放一个返回原生小程序按钮性价比高
2 导航栏取的是 h5 的 title 你可以以这个来做对应想要的逻辑

liuhuihao

Apr 10, 2024

跟小程序没关系了，因为小程序 webview 不支持自定义导航，所以微信原生导航栏一定在上面，那你就无法在 H5 里写自己的导航栏。
可以换个思路，微信原生的后退对于 H5 页面其实是 .back, 那加入你 H5 是 vue 写的，就可以在导航守卫里做一些判断逻辑，回到你想去的页面。