vue中主页面 el-dialog中包含echarts,数据不显示问题

问题：主页面，点击按钮，打开el-dialog时，出现el-dialog中的echarts不能正常显示；

解决方法：

1、echarts对应的div，要使用ref=‘mychart’;

2、调用：let thechart = this.$echarts.init(this.$refs.mychart);

然后thechart.setOption(myoption);

通过该方案即可解决不加载的问题；

我遇到的问题是：echart对应的div；通过id获取dom的方式，未能识别造成el-dialog不能正常加载echarts的问题；

贴图：echarts对应部分；

el-dialog部分：

上图红色部分对应自定义组件（包含echarts对应的div） ；

上图为子组件对应的echarts部分，注意要使用ref方式；