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

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

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

结果一用就卡死。

 

根据网上建议，在<el-tab-pane>标签里不放任何元素，可以。

但是无法满足项目需求。

 

于是继续找，

最后确定是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的。