微信小程序> 【微信_小程序】2.微信小程序webview内嵌公众号网页

【微信_小程序】2.微信小程序webview内嵌公众号网页

浏览量:2190 时间: 来源:Anabel Chen

需求:要做一个微信小程序,由于小程序里面图表实现有困难,需要h5实现(vue框架搭建的)嵌套到小程序里面,所以就涉及到相互通信的问题。

一.web-view内嵌的h5页面添加代码

1.安装js-sdk

npm install weixin-js-sdk --save

2.引入js

  import wx from 'weixin-js-sdk';

3.跳转到小程序页面

      goBackTest() {        // wx.miniProgram.redirectTo('');        wx.miniProgram.navigateTo({          url: `/pages/evaluation/evaluation/evaluation?reportType=${this.reportType}&roleId=${this.info.roleId}&roleName=${this.info.roleName}&roleDefName=${this.info.roleDefName}&unit=1&compareField=2`,        });      },

二.小程序中代码处理

1.index.wxml中代码

src后加#wechat_redirect,是为了解决:在ios中jssdk接口调用无响应的情况

<!--index.wxml --><view class="container">  <web-view src="{{web_src}}#wechat_redirect" /></view>

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎