码迷,mamicode.com
首页 > 微信 > 详细

小程序 公众号/h5相互跳转-webview

时间:2019-01-23 17:19:21      阅读:901      评论:0      收藏:0      [点我收藏+]

标签:公众号   ges   相互   target   后台   管理   地址   onload   生命周期   

总结一下最近使用小程序的功能 

前提小程序管理后台配置域名白名单,并且h5页面是嵌在小程序里面

微信官方web-view 介绍地址 https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

 

pages生成一个webview的目录

 技术分享图片

wxml中

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

js中接受页面传来的url值

/**
   * 页面的初始数据
   */
  data: {
   url:null,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      url: options.url
    })
  },

  这样就完成了 小程序跳转 h5页面

//之后继续补充 h5跳转小程序

 

小程序 公众号/h5相互跳转-webview

标签:公众号   ges   相互   target   后台   管理   地址   onload   生命周期   

原文地址:https://www.cnblogs.com/GoTing/p/10309382.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!