需求:要做一个微信小程序,由于小程序里面图表实现有困难,需要h5实现(vue框架搭建的)嵌套到小程序里面,所以就涉及到相互通信的问题。
一.web-view内嵌的h5页面添加代码
1.安装js-sdk
npm install weixin-js-sdk --save2.引入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>














