问题: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)】
问题解决!!!