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

JSON.parse(JSON.stringify())导致的响应式属性丢失

console.log("formdata赋值前", this.formdata);

在这里插入图片描述

console.log("row",row);

在这里插入图片描述

console.log("row序列化后", JSON.parse(JSON.stringify(row)));

在这里插入图片描述

this.formdata = JSON.parse(JSON.stringify(row));
console.log("formdata赋值后", this.formdata);

在这里插入图片描述

  • 使用JSON.parse(JSON.stringify())时,当被序列化的数据中有Function 或 undefined
    时,序列化后,Function 和 undefined 会丢失,所以row会变成一个普通对象。
  • 当具有响应式的对象formdata赋值普通对象后,formdata中的响应式属性将会变成普通对象中的属性。

JSON.parse(JSON.stringify())踩坑点

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

相关文章:

  • SpringBoot引入外部依赖包
  • Spring事务介绍、Spring集成MyBatis
  • 使用GPG来解密和加密文件详解
  • 【Flutter】基础教程:从安装到发布
  • 51单片机学习记录———定时器
  • C# 热插拔---插件开发
  • hive优化之逻辑类似or逻辑重复
  • ES6+Vue
  • 如何将重量传感器 HX711 与 Arduino 一起使用
  • HarmonyOS Next开发学习手册——应用启动框架AppStartup
  • 如何在Springboot中添加事务执行?(以MySQL为例)
  • 优化MySQL并发事务:如何避免更新丢失问题?
  • 物联网设备管理系统设计
  • python之Bible快速检索器
  • 微服务-网关
  • OpenAI项目爆改GLM——以基于llama_index的pdf阅读助手
  • 如何在Java中处理ParseException异常?
  • Java中如何解决BadPaddingException异常?
  • 数电大作业-四输入表决器
  • ONLYOFFICE 桌面编辑器 8.1重磅来袭:全新功能提升您的办公效率
  • 网络协议安全:TCP/IP协议栈的安全问题和解决方案
  • VERYCLOUD睿鸿股份亮相亚马逊云科技中国峰会2024
  • 2-15 基于matlab的蚁群,模拟退火,遗传,神经网络,禁忌搜索等智能优化算法对TSP问题
  • kylinos 国产操作系统离线安装firefox 麒麟操作系统安装新版本firefox
  • Python 类对象
  • pytest unittest temp path单元测试创建临时文件
  • 在线样机生成器,制作精美的电脑手机壁纸图片展示
  • FreeRTOS实时操作系统
  • C/S、B/S架构(详解)
  • 代码随想录算法训练营第六十五天|KM99. 岛屿数量——深搜、KM99. 岛屿数量——广搜、KM100. 岛屿的最大面积