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

介绍

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

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

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

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

uniapp - 如何跟内嵌 web-view 组件内的网页交互,与 web-view 内嵌网页进行双向通信(uniapp 与 webview 网页之间的 “相互“ 传值)提供详细的示例代码及解决方案_第1张图片

你可能感兴趣的:(前端解决方案,前端,uni-app,交互,前端框架,vue.js)