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

作者：小小林熬夜学编程 | 2024-05-28 09:55:47

踩

uniapp和webview交互

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

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

uniapp Vue3和Vue2都能用，

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

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

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/636926