uniapp webview内的H5跳转宿主app的页面

uniapp开发了一套代码,同时编译成了app和h5,在app中使用webview加载了一个h5页面,

在这个h5页面中使用uni.navigateTo跳转/pages/my/index 时会跳转h5项目内的页面,而没有跳转到app内的/pages/my/index,

在微信小程序中可以使用wx.miniprogram.navigateTo,在app中怎么办呢?

1、App 端使用 uni.web-view.js 的最低版为 uni.webview.1.5.4.js,先将SDK下载后放在项目中

下载地址:https://uniapp.dcloud.net.cn/component/web-view.html#postmessage

2、引入uni.webview

方案1:在main.js中引入,全局使用this.$webView调用方法

方案2:在页面中引入

3、引入成功后调用使用web.webView调用可调用的方法

4、在app的webView页面中监听获取h5传入的数据

posted @ 2025-02-12 19:16  风起南岸  阅读(1350)  评论(0)    收藏  举报