element-ui 在对话框中使用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()
             })
         }
    

     

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!cheeksyu@vip.qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有积分奖励和额外收入!
5.严禁将资源用于任何违法犯罪行为,不得违反国家法律,否则责任自负,一切法律责任与本站无关

发表评论
暂无评论