Vue create方法调用echart的setOption,为什么echarts不会显示

幻有夢現
  • 395
create:function(){
//echart相关配置项和代码
echarts.setOption(option);
}

echarts容器中已经有了canvas对象,但是页面并没有图表显示出来

回复
阅读 9.3k
4 个回答

涉及dom的操作,最好是在mounted里面。
甚至还要加上$nextTick()确保dom加载完成。
当然,数据,交互这部分可以先执行,只等DOM挂载完,直接初始化图表!

create的时候还没有挂载完成.页面上还没有dom.
所以无法初始化echarts

需要在mounted中,因为需要dom渲染完毕才可以找到元素,所以还需要加上$nextTick(),在这个里面调用函数

Vue create方法只是在数据封装阶段, dom还没有渲染, 所以这个时候你是取不到dom的

宣传栏