当前位置: 首页 > news >正文

uniapp内嵌的webview H5与应用通信

H5端:

1、找到index.html引入依赖

<script type="text/javascript" src="https://unpkg.com/@dcloudio/uni-webview-js@0.0.3/index.js"></script>

2、在需要通讯处发送消息

uni.postMessage({data:{code:200,msg:"处理完成"}
})

uniapp端:

使用@message="handlerMessage"

<web-view @message="handlerMessage" :fullscreen="false":src="data.type===1?`${BASE_URL}#/tiopc?id=${data.id}&class_id=${class_id}`:data.url"></web-view>

回调的event里有所需信息

function handlerMessage(event) {console.log("接收到信息");let {code,msg} = event.detail.data[0]if(code !== 200){uni.showToast({title:msg,icon:"error"})return}setTimeout(() => {uni.navigateBack()}, 1500)}

http://www.lryc.cn/news/492426.html

相关文章:

  • Android OpenGL ES详解——绘制圆角矩形
  • 网络基础二
  • 从Full-Text Search全文检索到RAG检索增强
  • springMVC 全局异常统一处理
  • qt ubuntu i386 系统
  • BUUCTF—Reverse—helloword(6)
  • 深入解析下oracle date底层存储方式
  • Elasticsearch 开放推理 API 增加了对 IBM watsonx.ai Slate 嵌入模型的支持
  • 如何搭建一个小程序:从零开始的详细指南
  • NFS搭建
  • RNN与LSTM,通过Tensorflow在手写体识别上实战
  • Docker部署FastAPI实战
  • 【Python数据分析五十个小案例】电影评分分析:使用Pandas分析电影评分数据,探索评分的分布、热门电影、用户偏好
  • Vue2学习记录
  • TMS FNC UI Pack 5.4.0 for Delphi 12
  • Redis主从架构
  • logback动态获取nacos配置
  • KETTLE安装部署V2.0
  • [RabbitMQ] 保证消息可靠性的三大机制------消息确认,持久化,发送方确认
  • aws服务--机密数据存储AWS Secrets Manager(1)介绍和使用
  • Java设计模式笔记(一)
  • Unity3d C# 实现一个基于UGUI的自适应尺寸图片查看器(含源码)
  • 【es6进阶】vue3中的数据劫持的最新实现方案的proxy的详解
  • w~视觉~3D~合集3
  • IT服务团队建设与管理
  • 一文学习开源框架OkHttp
  • 自研芯片逾十年,亚马逊云科技Graviton系列芯片全面成熟
  • Stable Diffusion 3 部署笔记
  • 微信小程序WXSS全局样式与局部样式的使用教程
  • Docker 部署 MongoDB