小程序跳转到H5页面

跳转之前需要把链接域名配置到合法域名当中
小程序跳转到H5页面_第1张图片
比如:(https://www.alibhaba.com)

然后写一个跳转事件,后面可以带动态参数过去,然后新建一个webView页面

        wx.navigateTo({
            url: '../webView/webView?froms=' + that.data.froms ,
          })

然后在webView页面的wxml文件里面写上

  <web-view src="{{url}}"></web-view>       

webView.js文件里写

  data: {
    url:null
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let that = this
    console.log(options.froms)
    let yumin = "https://wxtest.suoluomei.com/hpl/index.php?s=/Weixin/ShopRewardRubbish/shownewusertwo/channel_id/"
    that.setData({
      url: yumin + options.froms +"/"  //拼接的跳转链接
    })
    console.log(that.data.url)
  },

你可能感兴趣的:(微信小程序)