Vue项目, echarts因为v-if切换导致无法正常显示

1. [Vue+echarts]

Vue项目中, 当用v-if来切换显示内容时, 发现用echarts渲染的图表无法显示, 在F12中有如下报错, 即 “dom is null”

2. 解决办法

用 v-show 替换 v-if

3. 原理

v-if是重新渲染（完全根据表达式的值在DOM中生成或移除一个元素）
v-show只是简单的css切换