需求:
在微信小程序里面使用web-view内嵌一个h5页面,并且从h5页面还可以跳到小程序的某个页面
目录
需求:
小程序web-view内嵌h5页面
配置:
code:
在h5页面跳转到小程序的某个页面
嵌入sdk:
code:
小程序web-view内嵌h5页面
配置:
在后台把需要内嵌h5页面的域名配置上
业务域名 | 微信开放文档
code:
web-view | 微信开放文档
<web-view :src='h5Url' />
在h5页面跳转到小程序的某个页面
嵌入sdk:
<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
code:
需先判断是否为微信小程序打开,
并且要注意url格式
let isWx = false
// 获取当前环境
await wx.miniProgram.getEnv(function (res: any) {
// res.miniprogram true 是小程序端
if (res.miniprogram) {
isWx = true
// url格式:/小程序页面路径?url=参数1=值1&参数2=值2
wx.miniProgram.navigateTo({ url: "/xxx/xxx/xxx/index?url=aaa=11&bbb=22"})
}
})