一,下面是本人,在组件中通过插槽放入echart 可视画问题,渲染时候找不到dom报错。

在当前父组件引入子组件(带插槽的子组件),插槽中渲染echart结构时,mounted钩子中初始化可视化数据(init )报错如下:

二 ,通过搜索和询问一下是 组件的生命周期,子组件和插槽异步渲染问题。解决:

 组件的插槽中 

1,在生命周期中数据更新( updated)之后的钩子函数中调用,可以获取可视化dom正常;在updated之前的生命周期中,加载初始化数据报错;

  updated() {
            console.log('this.$refs.ecahrtLine', this.$refs.ecahrtLine);
            this.initbar();
            this.initLine();
            this.initdata();
        }

2,可视化单独组件内,构建视图,初始化调用方法一并在当前子组件中使用;

本人的处理方法,如有更好的处理方法,敬请评论指导。。。。。

Logo

前往低代码交流专区

更多推荐