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

Vue3 - 获取 Proxy 对象代理中包裹的 “真实数据“，解决对象或数组打印后是 Proxy 对象无法拿到原始数据的问题（提供 2 种详细解决方案）

news 2026/3/26 13:52:41

前言

在 Vue3 中很多数据都被 Proxy 代理对象 “包裹”（无法拿到其真正的原始数据），另外就是请求回来的数据，例如通过 res.data.data 拿到了一个数组对象格式的数据。但是这个数据被 Proxy 包裹，你根本拿不到值无法进行处理。

本文实现了 Vue3 取到被 proxy 对象包裹的原始数据，解决了数据打印出来是 proxy 怎么拿值的问题，

假设我有一个数组：['苹果', '香蕉']，但打印结果却是代理对象：

在这里插入图片描述

解决方案

提供两种方案，请根据您的需求进行选择。

方案一（推荐）：</

相关文章：

Vue3 - 获取 Proxy 对象代理中包裹的 “真实数据“，解决对象或数组打印后是 Proxy 对象无法拿到原始数据的问题（提供 2 种详细解决方案）

前言 在 Vue3 中很多数据都被 Proxy 代理对象 “包裹”（无法拿到其真正的原始数据），另外就是请求回来的数据，例如通过 res.data.data 拿到了一个数组对象格式的数据。但是这个数据被 Proxy 包裹，你根本拿不到值无法进行处理。 本文实现了 Vue3 取到被 proxy 对象包裹的原始…...

编程日记 2023/3/1 18:31:29

ESP32设备驱动-ML8511紫外线传感器驱动

ML8511紫外线传感器驱动 1、ML8511介绍 ML8511 是一款紫外线传感器，适用于室内或室外获取紫外线强度。 ML8511 配备了一个内部放大器，可根据紫外线强度将光电流转换为电压。 这种独特的功能提供了与 ADC 等外部电路的简单接口。 在掉电模式下，典型的待机电流为 0.1 μ \mu…...

编程日记 2023/3/1 18:30:24

SC12B触摸感应芯片评测方案（1）

MM32F0160SC12B Touch Application Evaluation 文章目录MM32F0160SC12B Touch Application EvaluationIntroduction & RequirementHardwareSC12B & SC12B Sample Demo boardMini-F0160 boardSoftwareMCU Software - MM32F0160PC Tool - FreeMASTERSummaryIntroduction …...

编程日记 2023/3/1 18:29:18

企业如何实现精细化人员管理？五大业务场景值得关注

近年来&#xff0c;随着大数据、人工智能和云计算等信息技术不断升级与渗透&#xff0c;处在数字化变革的劳动力密集型企业希望利用更加智能化的劳动力管理软件&#xff0c;帮助企业实现规范化的管理。 面对企业劳动力管理理念的变化&#xff0c;以及数字化转型的发展渗透&…...

编程日记 2023/3/1 18:28:10

C/C++每日一练(20230301)

目录 1. 冒泡排序法排序 ★ 2. 有效的数独 ★★ 3. 不同的二叉搜索树 II ★★ 附录 二叉搜索树 1. 冒泡排序法排序 输入n&#xff08;1≤n≤10&#xff09;个整数&#xff0c;用冒泡排序法对其从小到大排序&#xff0c;共进行n-1趟&#xff0c;要求输出每一趟的排序情…...

编程日记 2023/3/1 18:27:03

Vue项目中components组件的使用笔记

目录 前言 一、components和component的区别&#xff1f; 二、components使用的步骤 1.创建组件vue文件 2.引入组件 3.注册组件 4.应用组件 总结 前言 本文章&#xff0c;只是初步了解记录components的使用步骤。 一、components和component的区别&#xff1f; compo…...

编程日记 2023/3/1 18:25:56

2023软件测试行情不行了？

一、2023年软件测试行业的现状 2020年开年&#xff0c;一不小心&#xff0c;【新冠】黑天鹅从头上飘过&#xff0c;持续影响全国乃至全球的经济&#xff0c;软件行业公司也迎来了不少的冲击&#xff0c;那么一个值得打算入行软件测试行业&#xff0c;或者已经在软件测试行业耕耘…...

编程日记 2023/3/1 18:24:46

【java web篇】数据库连接池Driud的使用

&#x1f4cb; 个人简介 &#x1f496; 作者简介&#xff1a;大家好&#xff0c;我是阿牛&#xff0c;全栈领域优质创作者。&#x1f61c;&#x1f4dd; 个人主页&#xff1a;馆主阿牛&#x1f525;&#x1f389; 支持我&#xff1a;点赞&#x1f44d;收藏⭐️留言&#x1f4d…...

编程日记 2023/3/1 18:23:42

无损音乐格式：FLAC和ALAC

前言&#xff1a;我最近在弄苹果的airplay项目&#xff0c;发现airplay2对比airplay多了音质方面的增强。AAC和MP3接触过&#xff0c;但对FLAC和ALAC完全不了解&#xff0c;整理学习资料汇总成如下信息&#xff1a; AirPlay2 在2017年推出&#xff0c;在前一代AirPlay的基础上…...

编程日记 2023/3/1 18:22:37

第十届蓝桥杯省赛——4质数（质数判断，数学函数：开方函数）

题目&#xff1a;试题 D: 质数本题总分&#xff1a;10 分【问题描述】我们知道第一个质数是 2、第二个质数是 3、第三个质数是 5……请你计算第 2019 个质数是多少&#xff1f;【答案提交】这是一道结果填空的题&#xff0c;你只需要算出结果后提交即可。本题的结果为一个整数&…...

编程日记 2023/3/1 18:21:31

MASKGROUP: HIERARCHICAL POINT GROUPING AND MASKING FOR 3D INSTANCE SEGMENTATION

ABSTRACT 本文研究了 3D 实例分割问题，该问题在机器人技术和增强现实等现实世界中具有多种应用。由于3D物体的周围环境非常复杂，不同物体的分离非常困难。为了解决这个具有挑战性的问题，我们提出了一个新的框架来对 3D 实例进行分组和优化。在实践中，我们首先为每个点学习…...

编程日记 2023/3/1 18:20:25

为什么地图可视化炙手可热？

我们在谈到数据可视化的时候&#xff0c;可能第一反应就是中间有一个地图样式的大屏图。但有没有想过&#xff0c;为什么大多数的可视化大屏中间都是一张地图的样子&#xff1f;这张地图样式的模块究竟是什么呢&#xff1f;它又是怎么做出来的&#xff1f; 其实这张地图样式的…...

编程日记 2023/3/1 18:19:19

JAVA代码审计篇-SQL注入

JAVA代码审计篇-SQL注入1、SQL注入漏洞简介2、SQL注入的条件3、审计方法4、JAVA中执行SQL的几种方式&#xff08;1&#xff09;使用JDBC的java.sql.Statement执行SQL语句&#xff08;2&#xff09;使用JDBC的java.sql.PreparedStatement执行SQL语句&#xff08;3&#xff09;使…...

编程日记 2023/3/1 18:18:15

SpringBoot接口传参方式

常见GET请求和POST请求的区别1.get请求无消息体&#xff0c;只能携带少量数据&#xff0c;且不安全post请求有消息体&#xff0c;可以携带大量数据&#xff0c;且安全2.携带数据的方式&#xff1a;get请求将数据放在url地址中post请求将数据放在消息体body中传参方式get方式---…...

编程日记 2023/3/1 18:17:08

高通平台开发系列讲解（Sensor篇）AlsPs的工作原理及介绍

文章目录 一、什么是ALS?二、什么是距感(PS)?三、AlsPs的工作原理四、AlsPs的特性五、距感的校准参数说明六、光感的校准参数说明沉淀、分享、成长，让自己和他人都能有所收获！😄 📢本篇文章将介绍 AlsPs 的工作原理及介绍。 一、什么是ALS? 光感的英文叫做Ambient Li…...

编程日记 2023/3/1 18:16:04

集群方式下的java Redis锁 lua脚本

下面说一下集群方式redis 下的原子锁 带超时时间java 代码如下&#xff1a;List<String> keys Collections.singletonList("test_key1");System.out.println("打印前 &#xff1a;&#xff1a;"jedisCluster.get("test_key1"));//获取lua …...

编程日记 2023/3/1 18:14:59

【钓鱼实测】写bug给new bing和chatGPT查。问他们林黛玉倒拔垂杨柳

BUG 错误代码 #include <iostream> #include <vector> using namespace std; int main() {vector<int> vec{1,2,3,2,4};for (auto iter vec.begin(); iter ! vec.end(); iter ){if (*iter 2) {vec.erase(iter);}}cout << vec.size() << endl…...

编程日记 2023/3/1 18:13:53

基于OMAPL138＋FPGA核心板多核软件开发组件MCSDK开发入门（上）

本文测试板卡为创龙科技 SOM-TL138F 是一款基于 TI OMAP-L138（定点/浮点 DSP C674x + ARM9)+ 紫光同创 Logos/Xilinx Spartan-6 低功耗 FPGA 处理器设计的工业级核心板。核心板内部OMAP-L138 与 Logos/Spartan-6 通过 uPP、EMIFA、I2C 通信总线连接，并通过工业级 B2B连接器引…...

编程日记 2023/3/1 18:12:47

C#/.net程序调用python

C#/.net程序调用python C#的优势在于window下的开发&#xff0c;不仅功能强大而且开发周期短。而python则有众多的第三方库&#xff0c;可以避免自己造轮子&#xff0c;利用C#来做界面&#xff0c;而具体实现使用python来实现可以大大提高开发效率。本文介绍如何使用pythonnet…...

编程日记 2023/3/1 18:11:38

一文讲清楚如何进行主数据编码

主数据编码作为一类重要的数据资源&#xff0c;在信息化建设中具有重要的地位和作用&#xff0c;是保证现有信息系统和未来新系统建设成功的关键因素&#xff0c;决定着系统中的信息一致性。 编码&#xff0c;是一件简单的事情&#xff0c;但绝对不是一件容易做好的事情&#…...

编程日记 2023/3/1 18:10:31

当分包时，主包里有未被引用的文件，小程序预览【代码质量】显示包体积过大，不影响发布

1.项目加入分包后预览时显示主包体积超出&#xff1f;排查分包没问题&#xff0c;外部库方法也不会占很多空间2.代码依赖分析【显示 - 主包体积正常】主包实际体积&#xff08;768KB&#xff09;明明远小于 2MB 上限&#xff0c;但工具却提示「主包尺寸应小于 1.5M」且未通过。…...

编程新知 2026/3/26 13:38:58

公开信息整理｜2026年3月26日：科学进展、词元活动、食品安全、护理保险与部分国际动态速览

&#x1f525;个人主页&#xff1a;杨利杰YJlio❄️个人专栏&#xff1a;《Sysinternals实战教程》《Windows PowerShell 实战》《WINDOWS教程》《IOS教程》《微信助手》《锤子助手》 《Python》 《Kali Linux》 《那些年未解决的Windows疑难杂症》&#x1f31f; 让复杂的事情更…...

编程新知 2026/3/26 13:32:58

NVIDIA显卡在WSL2下的CUDA开发环境搭建：为什么我的nvcc命令找不到？

NVIDIA显卡在WSL2下的CUDA开发环境搭建&#xff1a;为什么我的nvcc命令找不到&#xff1f; 当你在WSL2中兴奋地准备开始CUDA开发时&#xff0c;却遭遇了"nvcc: command not found"的报错&#xff0c;这种挫败感我深有体会。作为在WSL2环境下进行CUDA开发的老手&…...

编程新知 2026/3/26 13:28:58

EasyAnimateV5-7b-zh-InP多GPU分布式训练指南

EasyAnimateV5-7b-zh-InP多GPU分布式训练指南 1. 引言 如果你正在训练EasyAnimateV5这样的大模型&#xff0c;可能会发现单块GPU的训练速度实在太慢了。一张图片可能需要几分钟&#xff0c;一个完整的训练周期可能要花上好几天。这时候&#xff0c;多GPU分布式训练就成了必备…...

编程新知 2026/3/26 13:06:56

如何通过League-Toolkit实现英雄联盟全流程效率提升？

如何通过League-Toolkit实现英雄联盟全流程效率提升&#xff1f; 【免费下载链接】League-Toolkit 兴趣使然的、简单易用的英雄联盟工具集。支持战绩查询、自动秒选等功能。基于 LCU API。 项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit 在快节奏的英雄联…...

编程新知 2026/3/26 12:06:08

告别Keil？STM32CubeIDE环境搭建全记录：附JAVA安装与汉化资源指北

从Keil到STM32CubeIDE&#xff1a;嵌入式开发环境迁移实战指南 当ST官方逐渐将重心转向HAL库生态时&#xff0c;许多传统开发者正面临工具链升级的抉择。作为一款集成了STM32CubeMX功能的Eclipse-based IDE&#xff0c;STM32CubeIDE不仅代表着开发模式的转变&#xff0c;更预示…...

编程新知 2026/3/26 11:47:58

终极指南：如何在ComfyUI中掌握IPAdapter Plus图像风格迁移技术

终极指南&#xff1a;如何在ComfyUI中掌握IPAdapter Plus图像风格迁移技术 【免费下载链接】ComfyUI_IPAdapter_plus 项目地址: https://gitcode.com/gh_mirrors/co/ComfyUI_IPAdapter_plus 在AI图像生成领域&#xff0c;ComfyUI IPAdapter Plus插件正在成为图像风格迁…...

编程新知 2026/3/26 10:51:27

CosyVoice CPU部署实战：如何优化AI语音模型的推理速度

最近在做一个智能客服项目&#xff0c;需要把语音合成模型部署到一些只有CPU的服务器上。一开始直接用PyTorch加载CosyVoice模型&#xff0c;那个推理速度真是让人着急&#xff0c;生成一句话要等好几秒&#xff0c;完全没法满足实时交互的需求。这让我下定决心&#xff0c;必须…...

编程新知 2026/3/26 10:09:12

Claude Code安装保姆级教程！超简单上手就会!

Claude Code驾驶手册 文章目录 Claude Code驾驶手册0 前言1 Claude Code基本安装配置1.1 系统配置及安装1.2 启动Claude Code1.3 配置API 0 前言 AI Agent 称为智能体&#xff08;或人工智能代理&#xff09;&#xff0c;本质是自动执行任务的程序&#xff0c;核心在于让模型不…...

编程新知 2026/3/26 10:07:12

新手必看：GLM-4V-9B环境配置与简单调用，附完整代码示例

新手必看&#xff1a;GLM-4V-9B环境配置与简单调用&#xff0c;附完整代码示例 1. 环境准备与快速部署 1.1 硬件要求 GPU显存&#xff1a;至少24GB&#xff08;FP16精度&#xff09;或12GB&#xff08;INT4量化&#xff09;推荐配置&#xff1a;NVIDIA RTX 4090或更高性能显…...

编程新知 2026/3/26 8:30:31