v-show，v-if切换组件echarts显示不全的问题

在做echarts图表时，因为涉及到使用开关变量控制不同图表的显示隐藏，用 v-if 时出现没有获取到dom结构而报错，所以改用 v-show，但是 v-show 本身是结构已经存在，当数据发生变化时，结构并未重新渲染，所以会出现 echarts 图表未获取到最外层大盒子的宽度而显示一半的情况，就像下图：

效果图

解决方法一

在updated()钩子函数中重新resize()就能显示全部的echarts了。

updated() {
     this.myChart.resize();
 },

解决方法二

wacth中，监听数据变化，使用nextTick 渲染

isShowStatus(newValue){
    if(newValue {
        this.$nextTick(()=>{
          this.myChart.resize();
        })
     }
}

正常效果