uniapp - 如何跟内嵌 web-view 组件内的网页交互，与 web-view 内嵌网页进行双向通信（uniapp 与 webview 网页之间的 “相互“ 传值）提供详细的示例代码及解决方案

介绍

这种需求很少，本文提供了详细的代码示例与解决方案，代码简洁注释多！

本文实现了 uniapp 项目与 web-view 组件内嵌的普通网页（无论任何），实现 “双向通信” 二者相互发送、监听数据，

uniapp Vue3和Vue2都能用，

例如如下 uniapp 项目的一个页面，要与其 webview 内嵌的网页进行通讯：

其中 web-view 指定了一个 url 地址，后续即是将 url 地址加载的 html 页面与 uniapp 内部的 vue 页面进行交互。

uniapp 内向 web 组件发起交互