记录一下遇到的问题:
使用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()
}
},