slot插槽 echart报错Dom:[Vue warn]: Error in mounted hook: “Error: Initialize failed: invalid dom.“found
[Vue warn]: Error in mounted hook: "Error: Initialize failed: invalid dom."found in
·
一,下面是本人,在组件中通过插槽放入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,可视化单独组件内,构建视图,初始化调用方法一并在当前子组件中使用;
本人的处理方法,如有更好的处理方法,敬请评论指导。。。。。
更多推荐
已为社区贡献3条内容
所有评论(0)