V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
laaaaaa
V2EX  ›  前端开发

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

  •  
  •   laaaaaa · 47 天前 · 551 次点击
    这是一个创建于 47 天前的主题,其中的信息可能已经有所发展或是发生改变。

    场景

    我用 UNIAPP 开发了一个小程序,现在我在小程序内调用一个 H5 的链接,我想在这个访问 H5 的链接的页面,使用 H5 页面的导航栏有办法实现吗?
    
    微信小程序文档:
    web-view
    功能描述
    承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。
    客户端 6.7.2 版本开始,navigationstyle:custom 对 web-view 组件无效
    

    需求

    1.例如我从 H5 的页面 ( A 页面 -> B 页面 -> C 页面) 但是返回的时候, 从 C 页面通过判断可能直接返回 A 页面;
    
    2.导航栏的文字动态
    
    2 条回复    2024-04-10 18:57:40 +08:00
    lingxiaoli
        1
    lingxiaoli  
       47 天前
    1 可以通过判断 history 长度来做 但是不如直接放一个返回原生小程序按钮性价比高
    2 导航栏取的是 h5 的 title 你可以以这个来做对应想要的逻辑
    liuhuihao
        2
    liuhuihao  
       47 天前
    跟小程序没关系了,因为小程序 webview 不支持自定义导航,所以微信原生导航栏一定在上面,那你就无法在 H5 里写自己的导航栏。
    可以换个思路,微信原生的后退对于 H5 页面其实是 .back, 那加入你 H5 是 vue 写的,就可以在 导航守卫里做一些判断逻辑,回到你想去的页面。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1186 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 18:15 · PVG 02:15 · LAX 11:15 · JFK 14:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.