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

  • element-ui 对话框dialog里使用echarts,报错'dom没有获取到'?已关闭评论
  • 8 次浏览
  • A+
所属分类:Web前端
  • 给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()          })      }