Vue中使用echarts报错vue.runtime.esm.js?2b0e:1897 Error: Initialize failed: invalid dom

小小红色无花果

已于 2022-10-26 00:20:26 修改

阅读量733

点赞数

文章标签： echarts vue.js javascript

于 2022-06-05 22:58:40 首次发布

本文链接：https://blog.csdn.net/weixin_45096939/article/details/125101639

版权

tab切换显示echarts图，在点击切换按钮的时候echarts图不显示，控制台会报错显示dom无效。

解决方法如下：

clickTools(index) {
    if (index == 1) {
        //this.$nexTick方法里面会等待数据和dom操作完毕之后才进行执行
        console.log("clickTools切换getHistogram", index);
        this.$nextTick(() => {  //添加this.$nexTick方法进行渲染
          this.getHistogram()  //this.Echarts的渲染函数
        })
       } else if (index == 2) {
         console.log("clickTools切换getPic", index);
         this.$nextTick(() => {  //添加this.$nexTick方法进行渲染
          this.getPic()  //this.Echarts的渲染函数
        })
       }
    },