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://www.pswp.cn/web/97899.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/97899.shtml
英文地址,請注明出處:http://en.pswp.cn/web/97899.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

經典俄羅斯方塊游戲 | 安卓三模式暢玩,暫時無廣告!

大家好,今天想跟大家分享一款安卓版的俄羅斯方塊游戲。適合無聊的時候玩玩,換換腦子,這款游戲太經典。80、90都玩過這個游戲。之前我也給大家推薦過一些離線小游戲,但有些用著用著就開始出現彈窗廣告,這就有點煩&#…

今天開始學習新內容“服務集群與自動化”--crond服務、--syslog服務以及DHCP協議

一.crond簡介1、基本介紹crond是linux下用來周期性的執行某種任務或等待處理某些事件的一個守護進程,與windows下的計劃任務類似,當安裝完成操作系統后,默認會安裝此服務工具,并且會自動啟動crond進程,crond進程每分鐘…

從go語言出發,搭建多語言云原生場景下全鏈路觀測體系

一、方案背景 在公司內部devops平臺的微服務化改造過程中,我們遇到了典型的分布式系統觀測難題:服務間調用鏈路復雜、性能瓶頸難以定位、故障排查效率低下。特別是在生產環境出現問題時,往往需要花費大量時間在各個服務的日志中尋找蛛絲馬跡。…

Vue 進階實戰:從待辦清單到完整應用(路由 / 狀態管理 / 性能優化全攻略)

Vue 進階實戰:從待辦清單到完整應用(路由 / 狀態管理 / 性能優化全攻略) 在上一篇博客里,我們一起實現了能本地存儲的待辦清單,不少朋友留言說:“學會了基礎,但遇到‘登錄后才能訪問頁面’‘多…

uniApp開發XR-Frame微信小程序 | 動態加載與刪除模型

在使用xr-frame開發3D小程序時,我們經常需要根據需求去動態加載模型或刪除模型,在官方的說明中,提到了相關方法,但并不太明確,也沒有確切的實例。 我們先來看一下官方給出的說明。 一. Shadow元素 我們需要用代碼動…

把多個 PPT 合并在一起,三步告別復制粘貼

制作部門匯報分冊、項目階段文件等工作需要將多個零散的PPT合并為一份完整文檔。手動復制粘貼不僅效率低下,還容易導致格式錯亂、動畫丟失。本文介紹一種高效方法,三步操作即可將多個PPT文件快速合并為單一文檔。無論是整合匯報材料,還是準備…

安卓旋轉屏幕后如何防止數據丟失-ViewModel入門

Android ViewModel 入門教程 在日常開發中,當 Activity 因為旋轉屏幕或內存回收被銷毀重建時,UI 中的數據也會丟失。 這時候,Android Jetpack 提供的 ViewModel 就能幫我們解決這個問題。 1. 什么是 ViewModel ViewModel 是一種架構組件。它專…

Linux 下的 Vim 使用與網絡安全配置詳解

目錄 引言 一、Vim 編輯器的使用 1. Vim 的模式 2. 常用操作命令 3. 保存與退出 4. 多窗口與 Shell 切換 二、Linux 網絡基礎 1. 網絡分類 2. IP 地址與分類 三、網絡配置與工具 1. ifconfig 2. netstat 3. wget 4. 主機名與 IP 映射 四、Linux 防火墻與安全設置…

Docker 容器傳輸文件的常用方法

Docker 容器傳輸文件的常用方法 在 Docker 日常使用中,經常需要在主機與容器之間傳輸文件(如配置文件、代碼包、日志等)。以下是四種最常用的實現方式,覆蓋臨時傳輸、持久共享、構建集成等不同場景。 1. 使用 docker cp 命令&…

視頻轉音頻在線工具大比拼,哪家體驗更勝一籌?

最近工作上遇到了個挺有意思的需求,需要從幾個教學視頻里提取出音頻內容,方便做成播客形式,讓學員能隨時隨地學習。一開始,我以為這活兒挺簡單的,不就是把視頻里的聲音單獨弄出來嘛,結果一上手才發現&#…

KafKa02:Kafka配置文件server.properties介紹

一、配置文件位置二、配置文件介紹默認下:9092 是處理消息隊列核心業務(客戶端與 broker 交互)的端口9093 是集群內部控制器通信的端口# 指定節點角色,這里同時作為 broker(消息代理)和 controller&#xf…

哈爾濱云前沿服務器租用托管

黑龍江前沿數據,始建于2005年,多年的歷史,專業從事域名注冊,虛擬主機,服務器租用,云主機,網站建設等互聯網服務。電信/聯通/雙線/機房/眾多機房供您選擇,總有一個適合您的服務器&…

Qt開發經驗 --- Qt 修改控件樣式的方式(16)

文章目錄[toc]1 概述2 Qt Style Sheets (QSS)3 使用 QStyle 和 QProxyStyle4 設置 Palette (調色板)5 使用預定義的 QStyle6 直接設置控件屬性7 自定義控件繪制更多精彩內容👉內容導航 👈👉Qt開發經驗 👈1 概述 Qt 提供了多種修改…

Vue3》》Svg圖標 封裝和使用

SVG 安裝插件 npm i vite-plugin-svg-icons // vite.config.ts import { defineConfig } from vite import vue from vitejs/plugin-vue import { createSvgIconsPlugin } from vite-plugin-svg-icons import { resolve } from path export default defineConfig({//配置路徑別…

【04】AI輔助編程完整的安卓二次商業實戰-尋找修改替換新UI首頁圖標-菜單圖標-消息列表圖標-優雅草伊凡

【04】AI輔助編程完整的安卓二次商業實戰-尋找修改替換新UI首頁圖標-菜單圖標-消息列表圖標-優雅草伊凡引言本次二開布局沒有變,但是下一次整體布局會有變,不過本次開發發現朋友圈跳轉功能的流程步驟也做了一定的變化。原生項目復雜就復雜于就算一個顏色…

龍蜥8.10中spark各種集群及單機模式的搭建spark3.5.6(基于hadoop3.3.6集群)

先說最終的訪問端口,如我這里ip為172.20.94.37、172.20.94.38、172.20.94.39,主機名分別為:hadoop37、hadoop38、hadoop39. 最終訪問(默認端口): hadoop webui 172.20.94.37:9870 hdfs 端口 8020 yarn 172.…

關于我重新學習 react 的第一遍

今天是25年9月11號,很久很久沒有學習前端知識了,坦誠來說還清楚記得在大學里因為前端技術第一次獲獎的心情,也清晰記得寫完第一篇博客后的心情,工作和運動給我最大程度的成就感。 打破自己 重新開始 完全地 版本一 25.9.11 文章目…

第2課:Agent系統架構與設計模式

第2課:Agent系統架構與設計模式 課程目標 理解Agent的基本概念和特性掌握多Agent系統的設計模式學習Agent通信協議和消息傳遞實踐創建簡單的Agent框架 課程內容 2.1 Agent基礎概念 什么是Agent? Agent是一個具有自主性、反應性、社會性和主動性的計…

Day42 51單片機中斷系統與8×8 LED點陣掃描顯示

day42 51單片機中斷系統與88 LED點陣掃描顯示一、51單片機引腳位操作 —— sbit 關鍵字 作用 sbit 是專用于 51 單片機架構的 C 語言擴展關鍵字,用于定義特殊功能寄存器(SFR)中的某一位,從而實現對單個 I/O 引腳的直接位操作。 示…

差分: 模板+題目

題目:【模板】差分 應用場景:快速解決將某一個區間所有元素加上 “一個數” 的操作。 第一步,預處理差分數組。 f[i] 表示:當前元素與前一個元素的差值 a[i] - a[i-1]; 但在題目中,我們其實可以不用到a[]這個數組…