H5跳回微信小程序页面

App.vue 引入 jweixin-1.3.2.js

onLaunch(option) {
  // #ifdef H5
  const script = document.createElement('script')
  script.src = 'https://res.wx.qq.com/open/js/jweixin-1.3.2.js'
  script.type = 'text/javascript'
  document.body.appendChild(script)
  // #endif

}
​

// web-view下的页面内
function ready() {
  console.log(window.__wxjs_environment === 'miniprogram') // true
}
if (!window.WeixinJSBridge || !WeixinJSBridge.invoke) {
  document.addEventListener('WeixinJSBridgeReady', ready, false)
} else {
  ready()
}

// 或者
wx.miniProgram.getEnv(function(res) {
  console.log(res.miniprogram) // true
})

index.vue 跳转小程序页并带上参数
 wx.miniProgram.getEnv((res) => {
    if (res.miniprogram) {
      wx.miniProgram.navigateTo({
        url: `/pages/payment/index?token=${token}&id=${id}`
      })
    }
  })

tip：网页内 iframe 的域名也需要配置到域名白名单。
tip：开发者工具上，可以在 web-view 组件上通过右键 - 调试，打开 web-view 组件的调试。
tip：每个页面只能有一个 web-view，web-view 会自动铺满整个页面，并覆盖其他组件。
tip：web-view 网页与小程序之间不支持除 JSSDK 提供的接口之外的通信。
tip：在 iOS 中，若存在JSSDK接口调用无响应的情况，可在 web-view 的 src 后面加个#wechat_redirect解决。
tip：避免在链接中带有中文字符，在 iOS 中会有打开白屏的问题，建议加一下 encodeURIComponent​