项目中遇到echarts表格在页面加载进去的时候,只显示100px,只有改变浏览器窗口大小的时候,宽度才会恢复正常。
后面找到解决方法,在echarts中添加
v-if="activeBiosTab === 'processInfo'"
具体效果如下图所示:
代码如下:
<div class="table-container">
<el-tabs ref="biosTabs" v-model="activeBiosTab" type="card" @tab-click="biosTabClick">
<el-tab-pane label="xx信息" name="biosInfo">
<div>bbbbbb</div>
</el-tab-pane>
<el-tab-pane label="xxx信息" name="processInfo">
<div style="height: 100%">
<fieldset>
<legend>xxx使用率</legend>
<div class="chart-container">
<CpuChart v-if="activeBiosTab === 'processInfo'" :chart-data="chartData"/>
</div>
</fieldset>
</div>
</el-tab-pane>
</el-tabs>
</div>
参考地址