vue中，切换组件，无数据时，使用v-if控制显隐，echarts的dom不消失。

在切换组件时，如果无数据，echarts消失，展示暂无数据的样式，但是使用v-if无效，echarts的dom不消失。  不生效代码如下:

<div id="rightTop" v-if="reportEchartsShow"></div>
<div class="rightTopNo" v-else>
   <Empty name="抱歉，当前暂无数据" />
</div>

解决问题

 给div加上key，即可解决v-if为false时，echarts不消失的问题。  代码如下：

<div id="rightTop" v-if="reportEchartsShow" key="rightTop"></div>
<div class="rightTopNo" v-else key="rightTopNo">
   <Empty name="抱歉，当前暂无数据" />
</div>