element-ui使用el-tabs組件的時候瀏覽器直接卡死的問題

遇到這個問題的原由是：本身自己項目的elementUI版本是2.0.11較低了，項目有個功能是自定義progress進度條顏色，無奈高版本的才有這個配置，所以就升級了elementUI，升級到了最高版本2.10.0。這樣就出現問題項目中有的頁面打不開並且造成瀏覽器窗口崩潰，於是就在卡頓的頁面把代碼全部清空，然后一點點復原找問題，才找到問題出現在el-tabs身上，但是不知道怎么改掉，於是就上網查資料...

<template>
  <el-tabs v-model="activeName2" type="card" @tab-click="handleClick">
    <el-tab-pane label="用戶管理" name="first">用戶管理</el-tab-pane>
    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
    <el-tab-pane label="定時任務補償" name="fourth">定時任務補償</el-tab-pane>
  </el-tabs>
</template>

直接說下別人的結果：

1. el-tab-pane元素內不能有內容

2. el-tabs 外面加上 el-row 以及 el-col

3. 給組件固定高度

 

但是這些在我項目中都不行后來解決方法：

由於vue(2.5.2)版本過低elment版本過高，所以才出現這個問題，只能降級了於是把elment版本降到了2.4.11，問題才解決。

參考：https://github.com/ElemeFE/element/issues/15712