情况:每个tab都有一组图表,
我是嵌套的tab去展示外层tab的对应图表组,于是封装好一组图表,再每个tab传值给图表
出现的问题,只能显示第一组,后面的tab的canvas都创建不了,只有一个空div
el-tabs的切换本质上是v-show,因为图表已经创建了,所以会发生这样的情况
解决:
在最外层tab用v-if模拟一个图表销毁,切换到第二个图表的时候重新加载一次并赋值
问题解决
<el-tabs v-model="activeName">
<el-tab-pane label="默认报告" name="first">
<mrbg v-if="activeName==='first'"></mrbg>
</el-tab-pane>
<el-tab-pane label="交叉分析" name="second">
<jcfx v-if="activeName==='second'"></jcfx>
</el-tab-pane>
</el-tabs>