問題: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】
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)】
問題解決!!!