element中Tabs标签页切换echarts绘制宽高异常

在vue项目的开发中用到了Tabs标签页，但是在这些标签页切换的过程中会出一个问题，就是在echarts容器的宽高设置成百分比的时候 ，echarts图表并不能够完整地撑满整个容器，而是一张压得很扁的一张图，导致出现这种问题的原因就是tab页在切换的过程中，他是通过

display:none

来实现tab页的显示隐藏，这样的话点击tab页的时候，下面的具体内容部分正处于display:none 这个状态，echarts在获取dom容器时，并不能够准确识别出dom的宽高，进而会出现图表被压扁的情况，解决办法 :

1. 通过 v-if 重新对整个tab页面进行重新渲染
2. 如果不希望重新渲染整个tab页，可以在dom渲染完成后再去获取dom this.$nextTick()