ant design +vue关于二级弹框添加echart图不显示的问题

如果你执着修复一个bug并且没有思路，那就请教一下身边的人，我也希望好好努力，去寻找一个志同道合的团队。

效果是这样，二级弹框中点击查看结果，出现表格数据和词云echarts，可是我怎么都出现不了，刚开始报错

就是用js用获取绘制的echarts图时，获取的id是html的dom没有渲染，所以解析不出来。因为在二级弹框里，所以刚开始加载页面的时候，弹框也没有打开，就找不到弹框相应的id,所以渲染出错。
结果搜索结果需要用
定时器请求 settimeout(() => {this.函数名}，1000)
或者this.$nextTick(()=> { this.函数名 })

结果我尝试使用发现页面不报错。

但是在弹框中添加还是不出现，不报错也不出现，郁闷。
尝试写在页面中

页面中显示，奇了个怪。最后我的老师说你用ref试试。（敲黑板画重点了）
在vue中，不需要获取dom节点，元素绑定ref之后，直接通过this.$refs去进行调用。ref用来给元素注册信息，注册的信息会在父元素的$refs上。
恍然大悟啊，看来学海无涯苦作舟。
我是怎么解决的呢？Show you my code

绑定ref
然后

引入ref的信息。

短短两行代码，痛彻心扉啊。