表單校驗代碼和樹形結構值傳遞錯誤解決

表單校驗代碼,兩種方式校驗,自定義的一種校驗,與element-ui組件原始的el-form表單的校驗不一樣,需要傳遞props和rules過去校驗

const nextStep = () => {const data = taskMsgInstance.value.formDataif(data.upGradeOrg === '') {elmessage('請選擇組織!', 'error')return}if(data.upGradeName === '') {elmessage('請輸入任務名稱!', 'error')return}if(data.productName === '') {elmessage('請選擇網關型號!', 'error')return}if(data.upGradeVer === '') {elmessage('請選擇網管型號版本!', 'error')return}console.log(itemData, 'itemData')taskMsgStep.value = "2";// let isFlag = false;// let data = taskMsgInstance.value.submitForm();// for (const key in data) {//   if (data.hasOwnProperty(key)) {//     if (!data[key] || data[key].length <= 0) {//       // console.log(key, data[key]);//       isFlag = false;//       return;//     }//   }// }// isFlag = true;// if (isFlag) {//   taskMsgStep.value = "2";// }};

一個比較新的錯誤,在項目當中使用pinia存儲使用,

退出登錄,初次進入頁面,在首個使用pinia數據的地方,
console.log(organize, userInfo, "organize");

打印數據信息,

Proxy(Object) {$treeNodeId: 0}[[Handler]]: MutableReactiveHandler[[Target]]: Object$treeNodeId: 0[[Prototype]]: Object[[IsRevoked]]: false?

組織信息獲取不到,導致頁面加載不出來

報錯信息:

chunk-DCRDI3XN.js?v=bf922fc0:55252Uncaught (in promise) TypeError: Cannot redefine property: $treeNodeId

沒有指定具體出錯的頁面,錯誤的方面可能是多種情況

處理的樹節點有錯誤,沒有數據傳遞過去

可能也是路由渲染這個頁面的時候報錯,菜單欄達不到,頁面當中的其他地方也點不了

加上一個三元判斷式子就可以了,確保傳遞給樹形結構的值不會為空或者是一個undefined

{

?model: organize ? organize : [],

}

如果要保險一點,可以在組件生命周期鉤子請求的地方加上async和await確保異步數據加載完成

onBeforeMount(async () => {

? await getUserInfos();

? await getOrganize();

});

?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/85203.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/85203.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/85203.shtml

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

相關文章

vscode 配置 QtCreat Cmake項目

1.vscode安裝CmakeTool插件并配置QT中cmake的路徑&#xff0c;不止這一處 2.cmake生成器使用Ninja&#xff08;Ninja在安裝QT時需要勾選&#xff09;&#xff0c;可以解決[build] cc1plus.exe: error: too many filenames given; type ‘cc1plus.exe --help’ for usage 編譯時…

關于數據倉庫、數據湖、數據平臺、數據中臺和湖倉一體的概念和區別

我們談論數據中臺之前&#xff0c; 我們也聽到過數據平臺、數據倉庫、數據湖、湖倉一體的相關概念&#xff0c;它們都與數據有關系&#xff0c;但他們和數據中臺有什么樣的區別&#xff0c; 下面我們將圍繞數據平臺、數據倉庫、數據湖和數據中臺的區別進行介紹。 一、相關概念…

WIN11+eclipse搭建java開發環境

環境搭建&#xff08;WIN11ECLIPSE&#xff09; 安裝JAVA JDK https://www.oracle.com/cn/java/technologies/downloads/#jdk24安裝eclipse https://www.eclipse.org/downloads/ 注意&#xff1a;eclipse下載時指定aliyun的軟件源&#xff0c;后面安裝會快一些。默認是jp漢化e…

通義靈碼深度實戰測評:從零構建智能家居控制中樞,體驗AI編程新范式

一、項目背景&#xff1a;零基礎挑戰全棧智能家居系統 目標&#xff1a;開發具備設備控制、環境感知、用戶習慣學習的智能家居控制中樞&#xff08;PythonFlaskMQTTReact&#xff09; 挑戰點&#xff1a; 需集成硬件通信(MQTT)、Web服務(Flask)、前端交互(React) 調用天氣AP…

【Python進階】CPython

目錄 ?? 前言??? 技術背景與價值?? 當前技術痛點??? 解決方案概述?? 目標讀者說明?? 一、技術原理剖析?? 核心架構圖解?? 核心作用講解?? 關鍵技術模塊說明?? Python實現對比??? 二、實戰演示?? 環境配置要求?? 核心代碼實現案例1:查看字節碼案例…

Hive中資源優化方法的詳細說明

在Hive中&#xff0c;資源優化的核心目標是合理分配集群資源&#xff08;如內存、CPU、任務并行度等&#xff09;&#xff0c;避免資源競爭和浪費&#xff0c;提升查詢效率。以下是資源優化的具體方法&#xff0c;涵蓋 YARN資源配置、任務并行度、內存管理、JVM重用、推測執行 …

流媒體協議分析:流媒體傳輸的基石

在流媒體傳輸過程中&#xff0c;協議的選擇至關重要&#xff0c;它決定了數據如何封裝、傳輸和解析&#xff0c;直接影響著視頻的播放質量和用戶體驗。本文將深入分析幾種常見的流媒體傳輸協議&#xff0c;探討它們的特點、應用場景及優缺點。 協議分類概述 流媒體傳輸協議根據…

GitHub 趨勢日報 (2025年05月29日)

&#x1f4ca; 由 TrendForge 系統生成 | &#x1f310; https://trendforge.devlive.org/ &#x1f310; 本日報中的項目描述已自動翻譯為中文 &#x1f4c8; 今日獲星趨勢圖 今日獲星趨勢圖 1864 agenticSeek 753 langflow 749 n8n 736 prompt-eng-interactive-tutorial 42…

Jenkins-Pipeline:學習筆記

Jenkins-Pipeline:學習筆記 在 DevOps 領域中,Pipeline(流水線) 是實現持續集成(CI)和持續部署(CD)的核心機制。學習 Pipeline 通常需要從以下幾個方面入手,涵蓋基礎概念、工具使用、語法規則、實踐優化等 一、Pipeline 基礎概念 什么是 Pipeline? 流水線是將軟件交…

內存管理 : 04段頁結合的實際內存管理

一、課程核心主題引入 這一講&#xff0c;我要給大家講的是真正的內存管理&#xff0c;也就是段和頁結合在一起的內存管理方式。之前提到過&#xff0c;我們先學習了分段管理內存的工作原理&#xff0c;知道操作系統采用分段的方式&#xff0c;讓用戶程序能以分段的結構進行編…

RAID磁盤陣列配置

RAID磁盤陣列配置 文章目錄 RAID磁盤陣列配置一、磁盤管理其他相關命令1.fsck-檢查文件的正確性2.dd-建立和使用交換文件3.mkswap-建立和設置SWAP交換分區 二、RAID配置 一、磁盤管理其他相關命令 1.fsck-檢查文件的正確性 [rootlocalhost ~]# fsck -aC /dev/sda1 //檢查文…

網站服務器出現異常的原因是什么?

網站時企業和個人用戶進行提供信息和服務的重要平臺&#xff0c;隨著時間的推移&#xff0c;網站服務器出現異常情況也是常見的問題之一&#xff0c;這可能會導致網站無法正常訪問或者是運行緩慢&#xff0c;會嚴重影響到用戶的體驗感&#xff0c;本文就來介紹一下網站服務器出…

LINUX528 重定向

2>&1 我的理解&#xff1a; 2>&1&#xff0c;2stderr錯誤輸出&#xff0c;1stdout輸出&#xff0c;stderr一般和stdout是分別輸出&#xff08;管道符只傳遞stdout&#xff0c;據元寶&#xff0c;stderr默認輸出到終端&#xff1b;如果重定向符不進行2顯示重定向&…

【Python高階】面向對象

目錄 ?? 前言??? 技術背景與價值?? 當前技術痛點??? 解決方案概述?? 目標讀者說明?? 一、技術原理剖析?? 核心知識圖譜?? 核心作用講解?? 關鍵技術模塊說明?? 技術選型對比??? 二、實戰演示?? 環境配置要求?? 核心代碼實現案例1:面向對象電商系統…

榕壹云醫療服務系統:基于ThinkPHP+MySQL+UniApp的多門店醫療預約小程序解決方案

在數字化浪潮下,傳統醫療服務行業正面臨效率提升與客戶體驗優化的雙重挑戰。針對口腔、美容、診所、中醫館、專科醫院及康復護理等需要預約或診斷服務的行業,我們開發了一款基于ThinkPHP+MySQL+UniApp的多門店服務預約小程序——榕壹云醫療服務系統。該系統通過模塊化設計與開…

Vue-過濾器

過濾器 時間戳格式化 實現方式 計算屬性方法過濾器 基礎依賴 day.min.js 下載鏈接放到 相對路徑 js 目錄下 Computed 代碼 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><title>過濾器</title>…

Linux 下 C 語言實現工廠模式

Linux 下 C 語言實現工廠模式&#xff1a;設計理念與實戰 &#x1f9e0; 一、工廠模式簡介什么是工廠模式&#xff1f;C 語言實現設計模式的挑戰 &#x1f3d7;? 二、實現簡單工廠模式&#xff08;Simple Factory&#xff09;1. 定義傳感器接口&#xff08;device.h&#xff0…

用 Appuploader,讓 iOS 上架流程真正“可交接、可記錄、可復用”:我們是這樣實現的

你可能聽說過這樣一類人&#xff1a;上線必找他&#xff0c;證書只有他有&#xff0c;Transporter 密碼在他電腦上&#xff0c;描述文件什么時候過期&#xff0c;只有他知道。 如果你團隊里有這樣一位“發布大師”&#xff0c;他可能是個英雄——但也是個單點風險源。 我們團…

工控機安裝lubuntu系統

工控機安裝lubuntu系統指南手冊 1. 準備 1個8G左右的U盤 下載Rufus&#xff1a; Index of /downloads 下載lubuntu系統鏡像&#xff1a; NJU Mirror Downloads – Lubuntu 下載Ventoy工具&#xff1a; Releases ventoy/Ventoy GitHub 下載后&#xff0c;解壓&#…

MAC上怎么進入隱藏目錄

在Mac上&#xff0c;由于系統保護的原因&#xff0c;一些系統目錄如/usr默認是隱藏的&#xff0c;但可以通過以下方法進入&#xff1a; 方法一&#xff1a;使用Finder的“前往文件夾”功能 打開Finder。使用快捷鍵Command Shift G&#xff0c;或者在菜單欄中選擇“前往”-“…