slot插槽 echart报错Dom:[Vue warn]: Error in mounted hook: “Error: Initialize failed: invalid dom.“found

一,下面是本人,在组件中通过插槽放入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,可视化单独组件内,构建视图,初始化调用方法一并在当前子组件中使用;

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值