接口数据传给this.chartData,但是在created和mounted都无法访问到它。

soulninu
  • 74

created 先执行341行没有数据,async await , $nextTick , 定时器都试过了,加载不出来。
我这些数据是传给echarts的。
image.png

接口:

 // 获取数据
    findList(name) {
      this.$api.overview.findZone({
        city: name || this.city || '安徽省',
      }).then((data) => {
        this.chartData = data;
      });
    },
created() {
    console.log(this.chartData)
},
mounted(){
    console.log(this.chartData)
},
  
回复
阅读 1.5k
2 个回答
落叶
  • 329
✓ 已被采纳

因为`
created mounted`执行的时候数据还没返回回来

 findList(name) {
      this.$api.overview.findZone({
        city: name || this.city || '安徽省',
      }).then((data) => {
        this.chartData = data;
       可以在 在这里面初始化echarts
      });
    },
findList(name) {
      return this.$api.overview.findZone({
        city: name || this.city || '安徽省',
      }).then((data) => {
        this.chartData = data;
      });
    }
mounted(){
    this.findList().then(() => {
        console.log(this.chartData)
    })
}
宣传栏