Vue项目(H5)与微信小程序来回跳转

新建H5页面

在小程序里面新建一个名为H5的文件夹,以及H5页面

javascript 复制代码
H5.WXML
<web-view src="{{h5Url}}" bindmessage="handleGetMessage"></web-view>

H5.JS
  data: { 
  h5Url:'https://xxx.com/login' 要跳转的H5页面
  },

H5回来的回调方法
  handleGetMessage: function (e) {
    console.log('handleGetMessage', e)
    if (e.detail.data[0].result == 'success') {
      // 确认支用-签约成功调用
    }
  },

onLoad(options){

H5跳转回来后的参数在options里面

}
Vue处理
javascript 复制代码
在index.html里面新增
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

// 跳回小程序
    goBackMini() {
      wx.miniProgram.navigateTo({
        url: `/pages/insure/pay?paymentNo=33&checkNo=222`, // 指定跳转至小程序页面的路径
        success: (res) => {
          console.log(res); // 页面跳转成功的回调函数
        },
        fail: (err) => {
          console.log(err); // 页面跳转失败的回调函数
        },
      });
    },
相关推荐
Xi-Xu几秒前
隆重介绍 Xget for Chrome:您的终极下载加速器
前端·网络·chrome·经验分享·github
摆烂为不摆烂2 分钟前
😁深入JS(九): 简单了解Fetch使用
前端
杨进军3 分钟前
React 实现多个节点 diff
前端·react.js·前端框架
用户40812812003813 分钟前
拓展运算符和剩余参数
前端
再见了那维莱特6 分钟前
6.29 drilling notes
前端
前端付豪6 分钟前
15、前端可配置化系统设计:从硬编码到可视化配置
前端·javascript·架构
未等与你踏清风7 分钟前
学习总结 关于DSL的领悟
前端
摆烂为不摆烂7 分钟前
💡前端入门:AbortController 能中断哪些事件?一文搞懂!
前端
杨进军11 分钟前
React 实现 useState
前端·react.js·前端框架
用户408128120038112 分钟前
eval执行字符串
前端