uni-app app端web-view通讯

藏宝库编辑 · 2024-9-30 12:46:17

本文简介

点赞 + 关注 + 收藏 = 学会了
在 uni-app 大概微信小程序中，都有 web-view 组件。
该组件是一个欣赏器组件，可以承载网页的内容。而且该组件是全屏的，会覆盖该组件之外的其他内容。

本文要讲解在 uni-app 中使用 web-view 怎么实现大量数据通讯。
我所使用的是 Vue 3 语法。

web-view 数据通讯方法

web-view 文档
web-view 实在有点像 iframe ，但在 uni-app 又提供了几种底子的通讯方式。
底子用法可以看文档，本文重要讲解如安在 主应用 向 web-view 传输数据。

本案例目次结构
省略部分目次- hybrid|- html |- js |- uni.webview.1.5.3.js |-index.html- pages |- index |- index.vue

父传子

我们暂定，主应用 为父，web-view 的页面为子。
“父传子” 的方式有2种：

通过 url 传值
使用 uni.webview.js

1、通过 url 传值

数据量少的话，可以通过 url 的方式传给子应用。
index.vue

uni-app app端web-view通讯

所属分类: 问答交流

新帖推荐: 30日

推荐作品