element div is not closed（element-ui 对话框dialog里使用echarts，报错dom没有获取到？）
导读：给el-dialog添加@open="open( " 在刚进入页面的时候对话框是关闭的，echarts不进行获取dom，当点击对话框出来的时候，有个opened事件，在这个事件里边进行echarts的初始化，执行数据； <...
给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()
})
}
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！