猿问

vue组件渲染失败

问题:我编写了一个chart组件,在父组件中渲染不出来,但是,在热加载中修改文件后,就渲染出来了,刷新后有没有了,浏览器console没有报任何错误,并且html已经渲染出来component的html元素了,下面是我的代码:

chart组件代码

https://img.mukewang.com/5ca1813f0001951008000028.jpg

调用代码

https://img.mukewang.com/5ca181410001d22107100079.jpg

html渲染代码,数据渲染失败

但是在子组件中使用静态数据,渲染是成功的。

补充:

后来调试发现:在created函数中,通过异步获取数据,然而传进子组件中的数据为空,是data中的初始值

希望遇到过相关问题的人提供些解决思路,谢谢!


慕尼黑8549860
浏览 706回答 1
1回答

慕无忌1623718

mounted: function () {  this.$nextTick(function () {   //echarts相关代码  })}
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答