vue + elementUI開發,使用el-tabs,導致瀏覽器卡死問題。


第一次自己建項目,用過el-tabs,當時是正常使用的。

貼下版本信息:

"element-ui": "^2.13.0",
"js-md5": "^0.7.3",
"v-charts": "^1.19.0",
"vue": "^2.5.2",
"vue-router": "^3.0.1",
"vuex": "^3.1.2"
"vue-template-compiler": "^2.5.2"

第二次開發項目,用的是vue-element-template項目,

 結果一用el-tabs就卡死。

 

根據網上建議,在<el-tab-pane>標簽里不放任何元素,果然就不卡了。

但是…… 這里面不放元素,怎么插入不同頁面?

 

於是繼續找

https://blog.csdn.net/csdn_yudong/article/details/93399104?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1

結論是:el-tabs卡頓是由於版本不對應造成的。

目前elemntUI的最新版本是2.13.0,vue版本是

"vue": "^2.6.11",
"vue-aplayer": "^1.6.1",
"vue-router": "3.0.6",
"vue-template-compiler": "^2.6.11"
 
於是決定降低elementUI的版本(也可以修改vue的版本,但是個人覺得這個操作略繁瑣。)
根據測試,element在2.10.1以下都不會出現卡死現象。
但是版本太低(低於2.9.3)的話,有些方便的組件都用不到了。比如avatar頭像。
所以最后我用了2.10.1。
使用正常。
 
如上。
 
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM