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的。