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