uniapp实现微信小程序内嵌h5页面的相互跳转

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

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

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

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

1.1 pa服务器托管网geA实现点击跳转，将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

})

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.fwq服务器托管网tg.net

相关推荐: 美摄视频剪辑SDK：企业级视频编辑解决方案

在视频编辑领域，美摄视频剪辑SDK以其独特的功能和高效的性能，吸引了众多企业的关注。以下是美摄视频剪辑SDK的几大特色功能，以及它们如何为企业提供优质体验。 一、专业级视频编辑功能 美摄视频剪辑SDK提供了专业级视频编辑功能，包括多轨道剪辑、精确的时间线编辑、…