使用vuex存储请求数据的问题

Question

  // store.js
  state: {
    shopList: []
  },
  mutations: {
    changeShopList (state, arr) {
      state.shopList = arr
    }
  },
  actions: {
    getShopList ({ commit, state }) {
      global.axios.get(url).then(res => {
        let { data: { code, data: { list } } } = res
        if (+code === 200) {
          list.unshift({ id: 0, shop_name: '全部门店' })
          commit('changeShopList', list)
        }
      })
    }
  }

  // index.vue
  computed: {
    shopList () {
      console.log('computed', this.$store.state.shopList) // 空数组
      return this.$store.state.shopList
    }
  },
  created () {
    this.$store.dispatch('getShopList')
    console.log('created', this.shopList) // 空数组
  }

问题就如上述代码，我想要打印出来的是接口请求的数据，请教大佬该怎么解决！

Answer 1

  actions: {
    getShopList ({ commit, state }) {
      return new Promise(resolve => {
        global.axios.get(state.api + 'common/shop/list').then(res => {
          let { data: { code, data: { list } } } = res
          if (+code === 200) {
            list.unshift({ id: 0, shop_name: '全部门店' })
            commit('changeShopList', list)
            resolve()
          }
        })
      })
    }
  }

    this.$store.dispatch('getShopList').then(() => {
      console.log('then', this.shopList)
    })

已解决，虽然感觉怪怪的