抽奖需求之微信小程序与H5页面交互---微信小程序页面跳转到H5页面，再从H5跳转到小程序页面

最新推荐文章于 2023-06-08 17:59:46 发布

92huahua

最新推荐文章于 2023-06-08 17:59:46 发布

阅读量280

点赞数

分类专栏：微信小程序文章标签：小程序小程序跳转H5 H5跳转小程序

本文链接：https://blog.csdn.net/Cinderellahh92/article/details/113629653

版权

微信小程序专栏收录该内容

9 篇文章 0 订阅

订阅专栏

微信小程序页面跳转到H5页面

wx.navigateTo({
url: '/chat/pages/chat/chat?id=helper',
})

html
<view class="page-box">
     <web-view src="{{urlAll}}" ></web-view>
</view>

js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    urlAll: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let vm = this
      vm.setData({
        urlAll: 'https://www.baidu.com'
      })
    }  
})

微信小程序页面跳转到H5页面

import wx from 'weixin-js-sdk' //必须引入jdk，其他版本也可以
let vm = this
wx.miniProgram.navigateTo({
  url: `/shopdetail/pages/lucyDraw/winningRecordList/winningRecordList?userId=${vm.userInfo.userId}`,
    success: function () {
         console.log('success')
     },
    fail: function () {
         console.log('跳转回小程序的页面fail')
    }
})