E企盈营销工具技术服务商 热线:4006-838-530

微文山E企盈小程序信小程序webview的使用

最近公司有需求,需要点击小程序首页banner,跳转到我们的h5页面。首先是域名的问题:步骤:先登录小程序开发平台,将页面需要跳转的域名写上去,注意了,域名不是指服务器的域名,而是服务器下面的业务域名 !!!配好了域名之后就可以开始调用web-view了。1.如果你不需要通过点击小程序里面的按钮或者某个view,那么你可以直接在小程序里面直接调用下面的代码即可<web-view src=”https://hi.xxx.com/Tickets/html/getScanCode.html”></web-view>2.如果你需要点击小程序里面的按钮或者某个view才能调转到不同的h5页面那么你需要在pages里面新增一个页面里面写<web-view src=”{{path}}”></web-view>在数据开通猫抓板小程序电话:4006-838-530初始化化的时候先给一个默认值https://hi.xxx.com/Tickets/html/getScanCode.html,在点击的时候把需要跳转的某个页面的路径写成参数传过来,在onload里面拿出来赋值就可以解决跳转到不同页面的问题啦。pages/index/index.wxml<view class="conta开通斯凯奇小程序电话:4006-838-530iner"> <button bindtap='dianji' data-webview="https://mp.weixin.qq.com/">dianji</button></view>

pages/index/index.jsPage({  dianji:function(e){    var webview=e.target.dataset.webview      wx.navigateTo({      url: '开通超级试驾小程序电话:4006-838-530/pages/webview/webview?webview='+webview,    })  }})

pages/webview/webview.wxml<web-view src="{{path}}"></web-view>

pages/webview/webview.jsonLoad: function (options) {    console.log(options)    var webview=options.webview;    this.setData({      path: webview    })  }

问题2:如何将h5页面跳转到小程序<button class=”btn”>跳转到小程序页面</button>

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>//h5页面的按钮点击跳转到小程序  给按钮加点击事件  事件中写以下代码即可// javascript$('.btn).click(function(){wx.miniProgram.navigateTo({url: '/path/share/share'})//这里填要调到哪个小程序页面路径})

微信小程序

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微文山E企盈小程序信小程序webview的使用
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏