vue3中iview框架初始值賦值問題

来源:https://www.cnblogs.com/wangbaishi/archive/2022/08/12/16580059.html
-Advertisement-
Play Games

問題: 今天有個小伙伴說我們前端有個頁面異常奇怪,沒有顯示數據。 開發小伙伴進行查詢之後(非專業前端),明明進行了綁定,頁面死活無法渲染,歸屬於靈異事件了,對於這種靈異事件,我總會想著記錄一下 我查看問題的時候,我一度懷疑是這個vue雙向綁定有問題,逐漸開始懷疑人生 我的操作是進入系統,賦予一個空數 ...


問題:
今天有個小伙伴說我們前端有個頁面異常奇怪,沒有顯示數據。

開發小伙伴進行查詢之後(非專業前端),明明進行了綁定,頁面死活無法渲染,歸屬於靈異事件了,對於這種靈異事件,我總會想著記錄一下

我查看問題的時候,我一度懷疑是這個vue雙向綁定有問題,逐漸開始懷疑人生

我的操作是進入系統,賦予一個空數組給前端,然後請求介面,獲取數據後賦值給數組,然後進行綁定操作。

結果 結果,尤大大啊,這沒有生效啊,


解決:

通過不斷的調試,突然發現,介面以前的賦值,數值一定是undefined,所以不會顯示,然後我這邊突然就悟了,我悟了啊!

這裡為undefined,那賦值就算有數據,在頁面載入的時候,雙向綁定綁定了一個寂寞啊,根本就是一個undefined,然後我添加了一個初始值之後,一切問題,就無聲解決了。。。。

需要考慮事件觸發時間機制

 

 

插曲:
我是全部賦了初始值了,然後修複了,後面我無意間只賦值了一個,它竟然也成功了,我不算專業前端,有知道為啥的,可以評論交流一下

 

 


隨筆記錄,歡迎討論


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 時代在召喚: HTAP Is On The Way 近些年,HTAP 正在受到人們越來越多的關註,Gartner 在 2014 年提出了 HTAP 這個術語和它的定義: Hybrid transaction/analytical processing (HTAP) is an emerging ap ...
  • 序: 記憶體關係資料庫沒有找到開源好用的,很多都是商用。雖然mysql有memory引擎,但寫是整體鎖表,沒法用。 一直想將mysql放入記憶體中,搜索n次資料,沒找到合適的,可能之前思路不對。 最近在測試將mysql放在linux的tmpfs記憶體盤中,網上找了不少方法,都啟動失敗。突然想到直接掛載方式 ...
  • 近日,一體化實時 HTAP 資料庫 StoneDB 與華為鯤鵬 920 已完成並通過相互相容性測試認證,取得 KUNPENG COMPATIBLE 證書及認證徽標的使用權。 該認證意味著 StoneDB 在相容性、穩定性、性能、安全、功耗、功能等六大維度的測試均符合鯤鵬技術標準,可以適配華為鯤鵬 9 ...
  • 原文:Android自定義View學習(1)——基礎知識介紹 - Stars-One的雜貨小窩 準備學習自定義View,介紹一下先瞭解了下相關的前置基礎知識,特此總結 本系列集合文章鏈接可訪問Android自定義View學習系列教程 坐標系 屏幕坐標系 不管是Android設備,還是PC設備,屏幕坐 ...
  • 圖像中的文字內容通常包含了很重要的信息,然而由於拍攝限制、解析度過低、拍攝對象過遠等等原因,文字內容可能模糊不清。比如在拍照上傳發票時,因為聚焦不准、燈光等問題,導致App無法自動識別發票內容;一些檔案要上傳到後臺資料庫里時,由於年代久遠,有些文字已無法辨認;被保存轉發多次的截圖,由於每個應用壓縮程 ...
  • 本文是深入淺出 ahooks 源碼系列文章的第五篇,該系列已整理成文檔-地址。覺得還不錯,給個 star 支持一下哈,Thanks。 本文來探索一下 ahooks 是怎麼封裝 React 的一些執行“時機”的? Function Component VS Class Component 學習類似 R ...
  • 本文是深入淺出 ahooks 源碼系列文章的第四篇,該系列已整理成文檔-地址。覺得還不錯,給個 star 支持一下哈,Thanks。 本文來探索一下 ahooks 的 useLockFn。並由此討論一個很常見的場景,取消重覆請求。 場景 試想一下,有這麼一個場景,有一個表單,你可能多次提交,就很可能 ...
  • 本文將帶大家簡單實現一個會動的鴻蒙 LOGO。 emmm,寫本文的動機是之前在掘金看到一篇實現鴻蒙 LOGO 的文章 -- 產品經理:鴻蒙那個開場動畫挺帥的 給咱們頁面也整一個唄 鴻蒙的 LOGO 本身是這樣的: 該篇作者最終實現的是一個字母 O 的動畫展開過程: 而本文想嘗試的,是該 LOGO 的 ...
一周排行
    -Advertisement-
    Play Games
  • C#TMS系統代碼-基礎頁面BaseCity學習 本人純新手,剛進公司跟領導報道,我說我是java全棧,他問我會不會C#,我說大學學過,他說這個TMS系統就給你來管了。外包已經把代碼給我了,這幾天先把增刪改查的代碼背一下,說不定後面就要趕鴨子上架了 Service頁面 //using => impo ...
  • 委托與事件 委托 委托的定義 委托是C#中的一種類型,用於存儲對方法的引用。它允許將方法作為參數傳遞給其他方法,實現回調、事件處理和動態調用等功能。通俗來講,就是委托包含方法的記憶體地址,方法匹配與委托相同的簽名,因此通過使用正確的參數類型來調用方法。 委托的特性 引用方法:委托允許存儲對方法的引用, ...
  • 前言 這幾天閑來沒事看看ABP vNext的文檔和源碼,關於關於依賴註入(屬性註入)這塊兒產生了興趣。 我們都知道。Volo.ABP 依賴註入容器使用了第三方組件Autofac實現的。有三種註入方式,構造函數註入和方法註入和屬性註入。 ABP的屬性註入原則參考如下: 這時候我就開始疑惑了,因為我知道 ...
  • C#TMS系統代碼-業務頁面ShippingNotice學習 學一個業務頁面,ok,領導開完會就被裁掉了,很突然啊,他收拾東西的時候我還以為他要旅游提前請假了,還在尋思為什麼回家連自己買的幾箱飲料都要叫跑腿帶走,怕被偷嗎?還好我在他開會之前拿了兩瓶芬達 感覺感覺前面的BaseCity差不太多,這邊的 ...
  • 概述:在C#中,通過`Expression`類、`AndAlso`和`OrElse`方法可組合兩個`Expression<Func<T, bool>>`,實現多條件動態查詢。通過創建表達式樹,可輕鬆構建複雜的查詢條件。 在C#中,可以使用AndAlso和OrElse方法組合兩個Expression< ...
  • 閑來無聊在我的Biwen.QuickApi中實現一下極簡的事件匯流排,其實代碼還是蠻簡單的,對於初學者可能有些幫助 就貼出來,有什麼不足的地方也歡迎板磚交流~ 首先定義一個事件約定的空介面 public interface IEvent{} 然後定義事件訂閱者介面 public interface I ...
  • 1. 案例 成某三甲醫預約系統, 該項目在2024年初進行上線測試,在正常運行了兩天後,業務系統報錯:The connection pool has been exhausted, either raise MaxPoolSize (currently 800) or Timeout (curren ...
  • 背景 我們有些工具在 Web 版中已經有了很好的實踐,而在 WPF 中重新開發也是一種費時費力的操作,那麼直接集成則是最省事省力的方法了。 思路解釋 為什麼要使用 WPF?莫問為什麼,老 C# 開發的堅持,另外因為 Windows 上已經裝了 Webview2/edge 整體打包比 electron ...
  • EDP是一套集組織架構,許可權框架【功能許可權,操作許可權,數據訪問許可權,WebApi許可權】,自動化日誌,動態Interface,WebApi管理等基礎功能於一體的,基於.net的企業應用開發框架。通過友好的編碼方式實現數據行、列許可權的管控。 ...
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...