【小程序】如何在内嵌h5的小程序里面跳转到别的小程序的页面?

本文介绍了如何在支付宝小程序内嵌的H5页面中实现跳转到其他小程序的不同页面。通过使用onMessage方法进行交互,配合小程序的js处理和H5页面的点击事件,结合my.postMessage传递标识来区分跳转目标。别忘了在index.html中添加关键配置以确保功能正常运行。
摘要由CSDN通过智能技术生成

支付宝小程序内嵌H5页面,然后在里面有两个点击事件是跳转到别的小程序的不同页面的方法

<view>
  <web-view id="web-view-1" src="这里是地址" onMessage="jumpXCX"></web-view>
</view>

这里是嵌套部分,传递到h5页面用的是onMessage,参考官方文档

在这里插入图片描述
然后看到小程序里面的js部分

// 接收来自H5的消息
  jumpXCX(e) {
   
    console.log(e); //{'sendToMiniProgram': '0'}
    // 向H5发送消息
    // this.webViewContext.postMessage({ 'sendToWebView': '1' });
    if (e.detail
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值