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

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

news 2026/5/15 20:47:17

要实现这个功能

第一步：要在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端接收参数

首先注册接收参数的方法

其次在方法里面获取参数

 

 

相关文章：

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

要实现这个功能 第一步&#xff1a;要在vue的public文件夹下面引入 <script type"text/javascript" src"https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script> 第二步&#xff1a;建立一个新的空的uni-app项目…...

编程日记 2023/8/1 23:18:16

Ajax快速入门

Ajax Ajax就是前端访问服务器端数据的一个技术 还有主要就是异步交互 就是在不刷新整页面的情况下&#xff0c;和服务器交换部分我也数据 比如搜索的联想技术 同步和异步的概念 一个是客户端需要等待服务器完成处理&#xff0c;才能进行别的事 一个是客户端不需要等待服务器处…...

编程日记 2023/8/1 23:17:13

Google OAuth 2 authorization - Error: redirect_uri_mismatch 400

出现这个问题&#xff0c;一般是因为google授权origin地址和重定向redirect_uri地址没有匹配上。 请仔细检查重定向地址的url中origin部分和授权origin部分是否能够匹配&#xff1a;...

编程日记 2023/8/1 23:16:13

Qt 中操作xml文件和JSON字符串

文章目录 1、概述1.1、xml介绍1.2、json介绍 2、xml文件增删改查2.1、写xml文件内容2.2、读xml文件内容2.3、删除xml文件内容2.4、修改xml文件内容 3、构建JSON字符串3.1、JSON字符串排版4、剪切板操作 1、概述 1.1、xml介绍 XML 指可扩展标记语言&#xff08;EXtensible Mark…...

编程日记 2023/8/1 23:15:12

React 基础篇（二）

&#x1f4bb; React 基础篇&#xff08;二&#xff09;&#x1f3e0;专栏&#xff1a;React &#x1f440;个人主页&#xff1a;繁星学编程&#x1f341; &#x1f9d1;个人简介&#xff1a;一个不断提高自我的平凡人&#x1f680; &#x1f50a;分享方向&#xff1a;目前主攻…...

编程日记 2023/8/1 23:14:10

springboot + shiro 下载文件时浏览器提示“无法下载-没有权限”或“无法下载-没有文件”问题

springboot shiro 下载文件时浏览器提示“无法下载-没有权限”或“无法下载-没有文件”问题 1. 预期效果2. 问题描述3. 问题排查4. 解决方案5. 总结 1. 预期效果 后端编写文件下载接口&#xff0c;前端通过浏览器的下载将文件保存到本地。 2. 问题描述 前后端代码在不同主机…...

编程日记 2023/8/1 23:13:04

ChatGLM-6B 部署与 P-Tuning 微调实战-使用Pycharm实战

国产大模型ChatGLM-6B微调部署入门-使用Pycharm实战 1.ChatGLM模型介绍 ChatGLM-6B 是一个开源的、支持中英双语的对话语言模型&#xff0c;基于 General Language Model (GLM) 架构&#xff0c;具有 62 亿参数。结合模型量化技术&#xff0c;用户可以在消费级的显卡上进行本…...

编程日记 2023/8/1 23:12:03

【雕爷学编程】MicroPython动手做（11）——搭建掌控板IDE开发环境四种

为了能够打好基础&#xff0c;系统学习MicroPython&#xff0c;特地入手了二块掌控板 知识点&#xff1a;什么是掌控板&#xff1f; 掌控板是一块普及STEAM创客教育、人工智能教育、机器人编程教育的开源智能硬件。它集成ESP-32高性能双核芯片&#xff0c;支持WiFi和蓝牙双模通…...

编程日记 2023/8/1 23:11:01

uniapp android底部弹框

uniapp android底部弹框&#xff0c;带有动画效果 <view class"popup_box"><view class"bottom_more" click"handleClickCancel"><image src"/static/images/rescue/icon_more.png"></image></view><…...

编程日记 2023/8/1 23:09:59

hashedWheelTimer类

hashedWheelTimer类 目录概述需求&#xff1a; 设计思路实现思路分析1.hashedWheelTimer类 拓展实现 参考资料和推荐阅读 Survive by day and develop by night. talk for import biz , show your perfect code,full busy&#xff0c;skip hardness,make a better result,wait …...

编程日记 2023/8/1 23:08:54

【自动化测试】Selenium IDE脚本编辑与操作

之前&#xff0c;我们录制脚本时是录制鼠标和键盘的所有在浏览器的操作&#xff0c;那么脚本会出现多余的步骤&#xff0c;有时候我们需要手动填写脚本或修改脚本&#xff0c;所以我们有必要对selenium IDE脚本编辑与操作有所了解&#xff1b;&#xff08;采用录制的方式很容易…...

编程日记 2023/8/1 23:07:53

杭电多校2023“钉耙编程”中国大学生算法设计超级联赛（5）

1006Touhou Red Red Blue dp 设状态方程为前i个数中&#xff0c;当前第一个包里面的是0/1/2/3状态&#xff0c;第二个包里面是0/1/2/3状态 0代表着还没有颜色&#xff0c;1代表R&#xff0c;2代表G&#xff0c;3代笔B颜色 初始状态都没选择颜色所以都是状态0 没选择颜色只…...

编程日记 2023/8/1 23:06:50

Matlab进阶绘图第24期—悬浮柱状图

悬浮柱状图是一种特殊的柱状图。 与常规柱状图相比&#xff0c;悬浮柱状图可以通过悬浮的矩形展示最小值到最大值的范围&#xff08;或其他范围表达&#xff09;&#xff0c;因此在多个领域得到应用。 本文使用自己制作的Floatingbar小工具进行悬浮柱状图的绘制&#xff0c;先…...

编程日记 2023/8/1 23:05:49

【题解】链表中倒数最后k个结点、删除链表的倒数第n个节点

文章目录 链表中倒数最后k个结点删除链表的倒数第n个节点 链表中倒数最后k个结点 题目链接&#xff1a;链表中倒数最后k个结点 解题思路1&#xff1a;先找长度再找k对应的节点 首先遍历一遍链表找到链表的长度n 然后比较长度和k的大小关系&#xff0c;如果比k小&#xff0c;…...

编程日记 2023/8/1 23:04:47

网络安全大厂面试题

自我介绍 有没有挖过src&#xff1f; 平时web渗透怎么学的&#xff0c;有实战吗&#xff1f;有过成功发现漏洞的经历吗&#xff1f; 做web渗透时接触过哪些工具 xxe漏洞是什么&#xff1f;ssrf是什么&#xff1f; 打ctf的时候负责什么方向的题 为什么要搞信息安全&#xff0c;对…...

编程日记 2023/8/1 23:03:46

7.事件类型

7.1鼠标事件 案例-轮播图点击切换 需求&#xff1a;当点击左右的按钮&#xff0c;可以切换轮播图 分析: ①右侧按钮点击&#xff0c;变量&#xff0c;如果大于等于8&#xff0c;则复原0 ②左侧按钮点击&#xff0c;变量–&#xff0c;如果小于0&#xff0c;则复原最后一张 ③鼠…...

编程日记 2023/8/1 23:02:45

ts中声明引入未使用的报错——解决方案

在编写ts项目的时候&#xff0c;经常会出现如下报错&#xff1a; 导入声明中的所有导入都未使用 这是因为导入的模块暂时没有使用&#xff0c;ts给的一个提示信息 解决方案&#xff1a; 在ts.config.json中 把noUnusedLocals 设置为false即可 {"compilerOptions"…...

编程日记 2023/8/1 23:01:42

集团MySQL的酒店管理系统

酒店管理系统 概述 基于Spring Spring MVC MyBatis的酒店管理系统&#xff0c;主要实现酒店客房的预定、入住以及结账等功能。使用Maven进行包管理。 用户端主要功能包括&#xff1a; 登录注册、客房预订、客房评论&#xff08;编写评论和查看评论&#xff09; 后台管理主要…...

编程日记 2023/8/1 23:00:40

Kotlin基础（九）：对象和委托

前言 本文主要讲解kotlin对象和委托。 Kotlin文章列表 Kotlin文章列表: 点击此处跳转查看 目录 1.1 对象 在Kotlin中&#xff0c;对象&#xff08;Object&#xff09;是一个具有特殊用途的单例实例。它是一种创建单个实例的方式&#xff0c;确保在整个应用程序中只存在一个特…...

编程日记 2023/8/1 22:59:38

八大排序算法--希尔排序（动图理解）

目录 希尔排序 概念 算法思路 动画演示 代码如下 复杂度分析 时间复杂度测试 运行结果 完整代码 创作不易&#xff0c;如果本篇博客对您有一定的帮助&#xff0c;大家记得留言点赞哦。 希尔排序 概念 希尔排序是插入排序的一种&#xff0c;是对直接插入排序的优化。其…...

编程日记 2023/8/1 22:58:37

对比按需计费与 Token Plan 在 Taotoken 平台上的长期成本差异感受

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 对比按需计费与 Token Plan 在 Taotoken 平台上的长期成本差异感受 在构建和运营依赖大模型能力的应用时&#xff0c;成本控制是一…...

编程新知 2026/5/15 20:36:51

保姆级教程：用斐讯N1盒子刷Armbian 5.77，打造你的专属Debian服务器（附解决负载过高问题）

斐讯N1盒子改造指南&#xff1a;从电视盒子到高性能家庭服务器的蜕变 在智能家居和个性化网络需求日益增长的今天&#xff0c;拥有一台24小时运行的家庭服务器成为许多技术爱好者的刚需。而斐讯N1盒子凭借其出色的硬件配置和极低的功耗&#xff0c;成为了DIY玩家眼中的"宝…...

编程新知 2026/5/15 17:30:41

如何快速上手PCL点云库：10个核心模块详解与实践

如何快速上手PCL点云库&#xff1a;10个核心模块详解与实践 【免费下载链接】pcl-learning &#x1f525;PCL&#xff08;Point Cloud Library&#xff09;点云库学习记录 项目地址: https://gitcode.com/gh_mirrors/pc/pcl-learning PCL&#xff08;Point Cloud Librar…...

编程新知 2026/5/15 17:00:08

ADAU1701的隐藏玩法：不写代码，用SigmaStudio模块库实现5.1虚拟环绕和动态低音

ADAU1701音效魔法&#xff1a;零代码打造虚拟环绕与智能低音系统 在追求极致音效体验的今天&#xff0c;专业级音频处理不再是大型音响厂商的专利。借助ADAU1701这颗强大的音频DSP芯片和SigmaStudio图形化开发环境&#xff0c;即使没有任何DSP编程经验的开发者&#xff0c;也能…...

编程新知 2026/5/15 15:49:53

Syncia：轻量级本地文件同步引擎的设计原理与实战部署指南

1. 项目概述&#xff1a;一个轻量级、高可用的本地文件同步引擎 最近在折腾个人工作流和跨设备数据同步时&#xff0c;我一直在寻找一个既轻量又可靠、能完全由自己掌控的解决方案。市面上的云盘服务虽然方便&#xff0c;但涉及到隐私、速度限制和订阅费用&#xff0c;总感觉不…...

编程新知 2026/5/15 15:21:28

医疗影像分割新范式：MedSAM让医学AI触手可及

医疗影像分割新范式&#xff1a;MedSAM让医学AI触手可及 【免费下载链接】MedSAM Segment Anything in Medical Images 项目地址: https://gitcode.com/gh_mirrors/me/MedSAM 在医疗影像分析领域&#xff0c;精确的器官和病变分割一直是临床诊断和手术规划的核心挑战。传…...

编程新知 2026/5/15 15:08:32

Termius中文版：安卓SSH客户端的完整汉化解决方案

Termius中文版&#xff1a;安卓SSH客户端的完整汉化解决方案 【免费下载链接】Termius-zh_CN 汉化版的Termius安卓客户端 项目地址: https://gitcode.com/alongw/Termius-zh_CN 对于需要频繁管理远程服务器的中文用户来说&#xff0c;英文界面的SSH客户端常常成为技术操…...

编程新知 2026/5/15 13:03:26

51单片机断电记忆功能实现：用AT24C02做个简易电子计数器（含完整代码）

51单片机断电记忆功能实战&#xff1a;基于AT24C02的智能计数器开发指南 在嵌入式系统开发中&#xff0c;数据持久化存储是一个常见但至关重要的需求。想象一下&#xff0c;当你精心设计的计数器设备在断电后丢失所有记录&#xff0c;或者每次重启都需要重新配置参数&#xff0…...

编程新知 2026/5/15 11:53:17

终极指南：如何利用Awesome Public Datasets构建专业级数据科学项目

终极指南&#xff1a;如何利用Awesome Public Datasets构建专业级数据科学项目 【免费下载链接】awesome-public-datasets A topic-centric list of HQ open datasets. 项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-public-datasets 在当今数据驱动的时代…...

编程新知 2026/5/15 11:42:42

构建应用安全防护层：从沙箱隔离到供应链防御实战

1. 项目概述&#xff1a;从“氛围盾”到代码级防护最近在开源社区里&#xff0c;一个名为gomzkov/vibe-shield的项目引起了我的注意。乍一看这个标题&#xff0c;你可能会联想到一些科幻概念&#xff0c;比如“氛围护盾”或者“情绪屏障”。但作为一名长期在网络安全和系统架构…...

编程新知 2026/5/15 9:33:09