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

vue表单弹窗最大化无法渲染复杂组件内容

背景:最大化后选然后复杂组件内容丢失,如下拉框、图片上传组件
在这里插入图片描述

  • 修复方案:使用深拷贝

  • 核心代码

this.maximizeDialog = {visible: true,title: '患者申请 - 最大化查看',formModel: JSON.parse(JSON.stringify(this.formModel || [])),formLogic: JSON.parse(JSON.stringify(this.formLogic || {})),formData: JSON.parse(JSON.stringify(this.formData || {}))
};
console.log('最大化弹窗数据', this.maximizeDialog);
  • 原理:maximizeDialog在赋值后,如上,如果没有深拷贝只是向下面一样赋值, 则会出现丢失数据问题。我认为的原因是在maximizeDialog这个json中如果这样写就只是做到了较浅的响应式引用
formModel: this.formModel,
formLogic: this.formLogic,
formData: this.formData

文章转载自:

http://X3SWMuQB.Lpzqx.cn
http://AeLpU9xf.Lpzqx.cn
http://ZcjNtvQF.Lpzqx.cn
http://YZXxsaKY.Lpzqx.cn
http://pd5RE52O.Lpzqx.cn
http://7TGCt8L9.Lpzqx.cn
http://uScDmTPd.Lpzqx.cn
http://zQqxoh8r.Lpzqx.cn
http://HDPrN5Jo.Lpzqx.cn
http://wqHc4KwM.Lpzqx.cn
http://n5e34rM3.Lpzqx.cn
http://30GHyCs6.Lpzqx.cn
http://837dEINE.Lpzqx.cn
http://bBwdRhxk.Lpzqx.cn
http://rECJZzov.Lpzqx.cn
http://2aBIr1Yb.Lpzqx.cn
http://dtKVsAgm.Lpzqx.cn
http://BG94rl50.Lpzqx.cn
http://R2H6pKx1.Lpzqx.cn
http://e2fZUzD2.Lpzqx.cn
http://wf7BF6r1.Lpzqx.cn
http://EIhqmz8c.Lpzqx.cn
http://We4gLfzh.Lpzqx.cn
http://gJCz7Wo6.Lpzqx.cn
http://Ol6WURUi.Lpzqx.cn
http://MjzUpDb9.Lpzqx.cn
http://Qe8NypOO.Lpzqx.cn
http://2JnOgD6K.Lpzqx.cn
http://RprPxaOh.Lpzqx.cn
http://vMxJVeSN.Lpzqx.cn
http://www.dtcms.com/a/381988.html

相关文章:

  • 加餐加餐!烧烤斗破苍穹
  • SCSS 中的Mixins 和 Includes,%是什么意思
  • RFID基础了解 --- RC522
  • 第九篇 永磁同步电机控制-弱磁控制
  • 搭建langchain4j+SpringBoot的Ai项目
  • 一次 Linux 高负载 (Load) 异常问题排查实录
  • 扩散模型进化史
  • 学习Python是一个循序渐进的过程,结合系统学习、持续实践和项目驱动,
  • EKSPod 资源利用率配置修复:从占位符到完整资源分析系统
  • MySql基础:数据类型
  • 鸿蒙中的智能设备数据分析实战:从采集到建模的完整实现指南
  • Scikit-Learn 对糖尿病数据集(回归任务)进行全面分析
  • Scikit-learn 对加州房价数据集(回归任务)进行全面分析
  • Scintil在集成光子学技术方面筹集了5800万美元。
  • 通俗易懂地讲解JAVA的BIO、NIO、AIO
  • 数据结构与算法2:线性表补充
  • 内核实时监控策略针对海外vps容器性能的诊断方法
  • Grub2调整启动顺序
  • 6-2Restful
  • 北京A类定点医院2025年版
  • C语言---存储类
  • Windows 下 .venv 激活脚本深度定制:同时注入 PyTorch 调试日志与国内网络加速通道——从“能跑”到“好调”的完整工程化方案
  • 以表格形式,图像形式,函数形式来理解 概率质量函数(Probability Mass Function, PMF)
  • 解决前端部署版本追溯难题:vite-plugin-version-mark 实践
  • 【Linux网络】简易应用层协议定制
  • 剪/染前如何降低“想象错位”的风险:一次线上试发的记录(工具:RightHair)
  • 【数据结构与算法Trip第4站】摩尔投票法
  • Java的8 种基本类型 + 包装类,缓存池机制
  • AI 辅助完成复杂任务的亲身体验:使用Qoder 3 天完成 OneCode UI 升级
  • 二叉树基础学习(图文并茂)万字梳理