Vue问题汇总

通过watch解决:https://blog.csdn.net/where_slr/article/details/99552087

Vue中数据的异步加载:

1.通过watch、computed

2.在组件生命周期中的created阶段接收数据,后面操作可正常拿到数据

3.使用async、await,注意await后面要接promise对象才生效,示例:

    async get_region_statistic() {
      await region_statistic().then(response => {
        for (let item of response.data) {
          // let tmp_var = {}
          // tmp_var['name'] = item['region']
          // tmp_var['value'] = item['value']
          // console.log(response.data)
          item = JSON.parse(JSON.stringify(item).replace(/region/g, 'name'))
          item['name'] = this.regionMap[item['name']]
          this.region.push(item['name'])
          this.list.push(item)
        }
      })
      // 异步返回结果后再初始化图表
      this.$nextTick(() => {
        this.initChart()
      })
    },