element-ui 对话框dialog里使用echarts，报错'dom没有获取到'？

• 给el-dialog添加@open="open()"
• 在刚进入页面的时候对话框是关闭的，echarts不进行获取dom，当点击对话框出来的时候，有个opened事件，在这个事件里边进行echarts的初始化，执行数据；

<el-dialog    lock-scroll    width="80%"    style="height:100%;"    @opened="opens">    <div style="display:flex;">        <div ref="chart1"></div>        <div ref="chart2"></div>    </div> </el-dialog> 

methods:{     initChart1() {          this.chart1 = this.$echarts.init(this.$refs.chart1)          this.chart1.setOption(this.chart1option)      },      initChart2() {          this.chart2 = this.$echarts.init(this.$refs.chart2)          this.chart2.setOption(this.chart2option)      },      // 进行echarts的初始化，执行数据      opens(){          this.$nextTick(() => {             this.initChart1()             this.initChart2()          })      }