解决tab组件变成100px的问题
使用echarts实例自带的resize()方法
<el-card shadow="always" style="height: calc(100vh - 260px);">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="事业部各部门人数" name="first" :lazy="true">
<DelayRateBarChart1 :treeId="treeId" ref="first"></DelayRateBarChart1>
</el-tab-pane>
<el-tab-pane label="事业部人员地区分布" name="second" :lazy="true">
<DelayRateBarChart2 :treeId="treeId" ref="second"></DelayRateBarChart2>
</el-tab-pane>
<el-tab-pane label="事业部人员司龄分析" name="third" :lazy="true">
<DelayRateBarChart3 :treeId="treeId" ref="third"></DelayRateBarChart3>
</el-tab-pane>
</el-tabs>
</el-card>
//tabs图表切换
handleClick(tab, event) {
// console.log(tab.name);
this.$nextTick(() => {
this.$refs[tab.name].resize()
})
},