我們經(jīng)常遇到使用 elementui 中的 el-tab 組件來(lái)切換圖表的時(shí)候，如果遇到在切換時(shí)圖表的大小會(huì)從100px的寬高變?yōu)檎５倪^(guò)程的話，有下面的解決方式

<el-tabs type="card" v-model="tabActive">
  <el-tab-pane label="次數(shù)" name="one">
    <alarm-count v-if="'one' === tabActive" />
  </el-tab-pane>
  <el-tab-pane label="統(tǒng)計(jì)" name="two">
    <risk-value v-if="'two' === tabActive" />
  </el-tab-pane>
</el-tabs>

為 組件中添加 v-if 來(lái)控制切換，就可以實(shí)現(xiàn)圖表大小的正常顯示了