webview 无法调用uni_uni-app WebView 组件通信

记录下 uni-app WebView 组件通信的相关问题？

项目中有需要嵌入其他 H5 的页面的业务需求。

官网的 web-view 文档中介绍还是挺简单的，但其中还有一些不必要的坑。

虽是一篇过时的帖子，其中 sdk 的版本也过低，已经无法使用，但是仍有参考的价值，能借鉴之前的坑。

开始的需求是在 APP 中嵌入第三方的 H5 页面。

APP 端使用

在 uni-app 中使用方法很简单。

v-if="srcUrl"

:src="srcUrl"

@message="reciveMessage"

@onPostMessage="recivePostMessage"

>

直接使用 web-view 组件，将链接设置为 src。

那么引入了之后如何进行通讯？这个时候就得看文档了。

在 加载的 HTML 中，添加以下代码：

// 引入 uni-app 的 sdk

src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"

>

新建一个简单 webview.html 文件，引入上面的 sdk.js 作为例子。

webview

点击我给 APP 传递参数

src="https://js.cdn.aliyun