echarts 在tab 切换时 width 为100px 时的解决方式（以element-ui为例）

2023-02-14 346 阅读1分钟

问题是这样的

两个TAB，一个在前台，一个在后台，在后台的TAB下的echart图表，读到的100%宽度为100px

在后台的TAB的display是none，以element-ui举例，如下图

把display:none给成block，例如：

.el-tab-pane[aria-hidden=true] {
  display: block!important;
  height: 0;
  overflow-y: hidden;
  background: red;
}
.el-tab-pane {
  height: auto;
}