H5页面和webview组件的伪代码如下图所示;
在APP中:
- 通过this.$mp.page.$getAppWebview()来获取当前的webview;
- 点击H5页面的按钮,通过postMessage调用webview组件中的scanQRCode方法,可成功扫码;
- 扫码成功后的res,通过this.wv.evalJS方法调用H5页面的scanFunc执行;页面成功弹出alert框;
希望能在小程序中实现同样的效果;
- 在mounted中,无法通过this.$mp.page.$getAppWebview()或this.$scope.$getAppWebview()来获取webview;
- 在未获取webview实例的情况下,扫码成功后,在小程序中无法调用H5页面的方法