记录一下遇到的问题:
使用echarts +vue 的时候。遇到后台请求的数据 没有别获取拿到。
原因是图表先已经被加载了,vue里 data 默认初始化的数据是[]的,这个时候,后台请求方法还没有将值初始化给data列表里。
第一次加载肯定是拿到空的内容。
比较粗暴的方法。
在生命周期里,使用setTimeout() 等待500毫秒,让然后就可以获取后台数据。图表就能正常加载。
mounted () {// this.drawLine();// this.getListtest();// this.drawLine();// 缓存执行setTimeout(() => {this.drawLine();}, 500);
监控加载 ,监控data数据变化,就再次加载图表
mounted () {this.drawLine();},watch: {nolistListtest(val,oldVal){console.log("有变化",val,oldVal)this.drawLine()}},
如果觉得《echarts vue图表加载动态数据 vue 数据加载完了 数据没有显示问题》对你有帮助,请点赞、收藏,并留下你的观点哦!