elementUI使用el-tabs時有個坑

最近做的問卷調查系統中用到了tabs標簽頁，導致了一個很奇葩的大坑，來回收縮改變頁面大小時，甚至訪問進來頁面就 直接導致瀏覽器卡死崩潰...

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

 

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

 

解決方案2：修改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>
</template>


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