1. 程式人生 > 其它 >element-ui 的 table 樹形資料與懶載入 不顯示也不報錯

element-ui 的 table 樹形資料與懶載入 不顯示也不報錯

問題:element-ui版本不支援table的樹形資料與懶載入,升級element-ui  (大概在2.7版本的時候出現的table樹形)

步驟:刪除(node_modules與package-lock.json)=》 執行 ( npm i )】 (網上的步驟,在刪除element-ui版本時可能會卡住,我的就是,網上的執行①npm uninstall element-ui ② npm i element-ui -S)

 

事情背景:我在啟動另一個前端專案時出現一些亂七八糟的問題,最後沒辦法只能更新nodejs版本【14 =》 16】,更新版本之後那個專案是解決了。但過了幾天後我在啟動另一個專案時,好傢伙這個有出現了毛病,沒辦法只能解決啊,執行基礎的步驟【刪除(node_modules與package-lock.json)=》 執行 ( npm i ) =》 再執行 ( npm  run  dev)】,好的出問題了,執行完npm run dev命令之後,程式載入到了69%  1077/1086 就不動了,我之後重複了N次上述步驟,查了網上幾乎所有有關的文章,無效,肺疼。實在是挨不過,用了之前的版本,執行完上述步驟後,好了,神馬玩意?過了幾天後發現有地方不太對勁,table的樹形資料無效了。

 

解決過程:我在發現樹形資料失效後,就對前後端打斷點除錯,漫長的除錯之後,我知道了,我的程式碼沒啥問題,資料也正常。然後嘛,就開始在網上找方法,我去,這網上的垃圾真的多啊,千篇一律的什麼tree-props、row-key啊,這都是些什麼鬼。沒法子,只能傳統技藝,一個一個的排查,先把關鍵欄位刪除再看效果,一番操作屁用沒有,在向前面新增死資料,還是屁用沒有,我的天我真的想哭真的折磨人,自己新增的死資料沒效果,我就去官網將官網上面例項的死資料展示,嗯,還是屁用沒有,但這時我悟了,然後在官網上翻找專案中element-ui版本對應的元件例項,好的沒有找到,但沒找到就對了。

 

最終解決:問題所在找到了,那解決起來就輕鬆啦,~個屁啊,什麼鬼,網上查詢升級element-ui的方法,好吧全都是【①npm uninstall element-ui ② npm i element-ui -S】,可是就連這個也不順心,在執行①的時候慢的要死,整整十分鐘,進度條就前進了一點點,沒辦法,重試,十分鐘之後,真的是有鬼啊,氣得我打開了程序管理,一看程序CPU使用 0%。我麻了,老老實實的執行了基礎步驟【刪除(node_modules與package-lock.json)=》 執行 ( npm i ) =》 再執行 ( npm  run  dev)】

 

問題解決!!!