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。

使用正常。

 

如上。