vue中有table切换时echart图不显示或者显示不合适的情况

问题说明：问题是这样，echart图在第一页，初次进入显示正常，但是切换到第二页，再点回第一页，图就不显示，或者是第一页的图出现在了其他页

解决：v-if换成v-show

详细说明：其实问题很简单，就是学习基础的时候经常见到的v-if和v-show的区别

v-if:元素不存在，用于不频繁的切换

v-show:元素存在，只是通过display属性将其隐藏，用于频繁的切换

可能也会有人说v-if切换的时候再让echart渲染一次就好了嘛！我就这样干了，监听了控制切换的变量然后重新渲染echart，这样为什么不可以呢？我想是因为echart在渲染之前首先要找到容器，获取容器的大小，通过ref获取到的本来就是虚拟的DOM，在v-if显示DOM的时候就找不到容器了。

经常使用v-if却忘了还有个v-show的存在，都是语法使用不规范惹的祸。

解释部分纯属个人理解，菜鸟一个理解不深，如不正确，还望批评指正！

标签：容器,vue,echart,show,渲染,切换,table,第一页
来源： https://blog.csdn.net/deciduous_leaves/article/details/104903941