最近做的問卷調查系統中用到了tabs標籤頁，導致了一個很奇葩的大坑，直接導致瀏覽器卡死崩潰...

解決方法：

1、降級element-ui 版本到 2.6.3

解決方案1：修改el-tabs元素的最外層元素的css樣式,加上display和display-direction樣式屬性

<tempalte>
  <div class="log-box">
  
    <el-tabs>
      <el-tab-pane>1111</el-tab-pane>
      <el-tab-pane>22222</el-tab-pane>
    </el-tabs>
    
    
    <div class="main-content">
      <router-view></router-view>
    </div>
  </div>
</template>


.log-box
 
{
  width:100%;
  height:100%;
  
  /*加上display和display-direction樣式屬性就可以解決頁面卡死問題*/
  display:flex;
  flex-direction:column;
}

解決方案2：使用el-row el-col元素來包裹el-tabs元素，也可以解決頁面卡死問題

<tempalte>
  <div class="log-box">
  
    <el-row>
      <el-col :span="24">
        <el-tabs>
          <el-tab-pane>1111</el-tab-pane>
          <el-tab-pane>22222</el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>

    <div class="main-content">
      <router-view></router-view>
    </div>
  </div>
</template>


.log-box
 
{
  width:100%;
  height:100%;
}