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

使用web-view实现网页端和uni-app端是数据传输

要实现这个功能

第一步:要在vue的public文件夹下面引入

<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>

第二步:建立一个新的空的uni-app项目

 第三步:在uni-app项目中新建一个hybrid文件夹,下面再建一个html文件夹,把打包好的vue项目中的dist中的所有文件都放在html文件夹中

 第四步:uni-app下的pages下的index.vue里面引入web-view,其中url指的是存放dist文件夹中html文件的路径,@message = ’message‘是接收vue端传过来的数据的

 vue端传递数据使用的是uni.webView.postMessage

如果要传递一个方法过去可以再添加一个参数

uni.webView.postMessage({data:{action:方法名称value:值}})

app端接收参数

 反过来,uni-app向vue端传递参数,msgFromApp是vue端接收传过去参数的方名,this.sendData是传递的参数

 vue端接收参数

首先注册接收参数的方法

其次在方法里面获取参数

 

 

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

相关文章:

  • Ajax快速入门
  • Google OAuth 2 authorization - Error: redirect_uri_mismatch 400
  • Qt 中操作xml文件和JSON字符串
  • React 基础篇(二)
  • springboot + shiro 下载文件时浏览器提示“无法下载-没有权限”或“无法下载-没有文件”问题
  • ChatGLM-6B 部署与 P-Tuning 微调实战-使用Pycharm实战
  • 【雕爷学编程】MicroPython动手做(11)——搭建掌控板IDE开发环境四种
  • uniapp android底部弹框
  • hashedWheelTimer类
  • 【自动化测试】Selenium IDE脚本编辑与操作
  • 杭电多校2023“钉耙编程”中国大学生算法设计超级联赛(5)
  • Matlab进阶绘图第24期—悬浮柱状图
  • 【题解】链表中倒数最后k个结点、删除链表的倒数第n个节点
  • 网络安全大厂面试题
  • 7.事件类型
  • ts中声明引入未使用的报错——解决方案
  • 集团MySQL的酒店管理系统
  • Kotlin基础(九):对象和委托
  • 八大排序算法--希尔排序(动图理解)
  • 数据结构之常见排序算法
  • Java版企业电子招标采购系统源代码Spring Boot + 二次开发 + 前后端分离 构建企业电子招采平台之立项流程图
  • 2.2 模型与材质基础
  • 什么是Docker
  • 1109. 航班预订统计
  • [SQL挖掘机] - 窗口函数 - 合计: rollup
  • 2022年全国硕士研究生入学统一考试管理类专业学位联考写作试题——解析版
  • 元类在测试框架中的运用
  • VBA快速交叉分段标记字符颜色
  • 根据Pytorch源码实现的 ResNet18
  • 药品管理系统servlet+jsp+sql医院药店仓库进销存java源代码mysql