uniapp实现微信小程序内嵌h5页面的相互跳转
  RG0hXaExQjUH 2023年11月02日 43 0

前期准备3个页面,小程序内2个,h5一个。

小程序内:操作页pageA,展示容纳h5的展示页PageWebview.vue。

h5:h5页面pageB,并且有可以访问的线上url。

【微信小程序pageA->内嵌h5页面pageB】

1.1 pageA实现点击跳转,将pageB的访问地址url拼接,并进入展示页PageWebview.vue

//pageA
uni.navigateTo({

url: "/pages/PageWebview?src=" + encodeURIComponent(url),//url是h5的展示地址pageB

});

1.2 PageWebview.vue页面用webview标签展示h5页面

//PageWebview.vue

【内嵌h5页面pageB->到微信小程序页面pageA】

用uni.webView.navigateTo跳转到小程序页面

//pageB内

uni.webView.navigateTo({

url: 'xx/xx'//小程序内页面地址pageA

})

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
RG0hXaExQjUH