element div is not closed（element-ui 对话框dialog里使用echarts，报错dom没有获取到？）

给el-dialog添加@open="open()" 在刚进入页面的时候对话框是关闭的
  
  
  
  
  
  
  
  ，echarts不进行获取dom 
  
  
  
  
  
  
  
，当点击对话框出来的时候 


 


 


 


 


 


 


 

，有个opened事件
 
 
 
 
 
 
 
 ，在这个事件里边进行echarts的初始化  
   
   
   
   
   
   
   
，执行数据； <el-dialog lock-scroll width="80%" @opened="opens"> <div> <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() }) }