在开发vue项目的时候遇到了一个问题,就是echarts图表不显示,但是写死数据的时候他会显示,想想这个可能就跟数据请求有关了,我是习惯了在mounted生命周期里面发送请求,mounted意思是页面已挂载完成,可以拿到dom节点了,这也说明echarts图表的dom结构也会在mounted的时候去挂载,然而这个时候我们的数据还没有请求回来,自然也就无法渲染出来了,我们需要在挂载之前就将数据请求回来,知道了这个相信大家也就知道怎么解决了,就是将数据请求放在created生命周期中。
<div class="echarts">
<newIncreaceEcharts class="newIncreaceEcharts"></newIncreaceEcharts>
<PostRegion class="PostRegion" :postregiondata=postregiondata :regionlegend=regionlegend></PostRegion>
<PostType class="PostType" :posttypedata=posttypedata :posttypelegend=posttypelegend></PostType>
<post-salary class="PostSalary" :salarydata=salarydata :salarylegend=salarylegend></post-salary>
</div>
created(){
this.querydatastatics()
this.postRegion()
this.queryworktype()
this.querysalary()
},
原文:https://www.cnblogs.com/lyt0207/p/12838008.html