el-tab在切换时echarts图表显示不正常

布满荆棘的人生 2022-10-19 04:24 463阅读 0赞

我们经常遇到使用 elementui 中的 el-tab 组件来切换图表的时候,如果遇到在切换时图表的大小会从100px的宽高变为正常的过程的话,有下面的解决方式

  1. <el-tabs type="card" v-model="tabActive">
  2. <el-tab-pane label="次数" name="one">
  3. <alarm-count v-if="'one' === tabActive" />
  4. </el-tab-pane>
  5. <el-tab-pane label="统计" name="two">
  6. <risk-value v-if="'two' === tabActive" />
  7. </el-tab-pane>
  8. </el-tabs>

为 组件中添加 v-if 来控制切换,就可以实现图表大小的正常显示了

发表评论

表情:
评论列表 (有 0 条评论,463人围观)

还没有评论,来说两句吧...

相关阅读