学无先后,达者为师

网站首页 编程语言 正文

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

作者:前端开心果 更新时间: 2023-07-30 编程语言

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

<el-tabs type="card" v-model="tabActive">
  <el-tab-pane label="次数" name="one">
    <alarm-count v-if="'one' === tabActive" />
  </el-tab-pane>
  <el-tab-pane label="统计" name="two">
    <risk-value v-if="'two' === tabActive" />
  </el-tab-pane>
</el-tabs>

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

原文链接:https://blog.csdn.net/qq_38157825/article/details/118606611

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新