v-if控制显隐，echart图dom不显示

1、需求

前端页面展示两个el-table,通过v-if控制显隐

2、问题

上面的模块不显示了，但是echat图也跟着不显示了，而且报错，
Uncaught Error: Initialize failed: invalid dom.

3、思考

当页面内其他组件通过v-if显隐（底层原理为操纵dom），其他dom会重新加载， 如果此时绘制echart图的dom不是在整个页面加载后再执行，就会导致Uncaught Error: Initialize failed: invalid dom.错误。

4、解决方案

将绘制dom的函数放在$(document).ready()里执行
整个页面加载完之后，再获取dom就不会出现获取不到的情况了

5、效果

第二个饼图成功加载，上面组件隐藏，dom未获取错误消失。

思路参考博客：
https://blog.csdn.net/xb_2015/article/details/85337187