vue+element开发项目,使用tab页的时候导致浏览器卡死的解决办法

el-tabs导致浏览器卡死问题

用了vue-element-template模版二次开发,项目中需要用到el-tabs

结果一用就卡死。

 

根据网上建议,在标签里不放任何元素,可以。

但是无法满足项目需求。

 

于是继续找,

最后确定是element和vue版本冲突问题。

 

目前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。

使用正常。

 

再贴一个我自己创建的项目:

"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"

用了element最新版,但是vue版本低一点,也是可以正常使用el-tabs的。

你可能感兴趣的:(vue,前端)