1

В компрненте getCities приходит пустой массив. Если задать setTimeout елементу getCities, то мы получаем нужный результат. Не могу разобраться как добавить async, await в store getCitiesByCountryCode.

<!-- STORE -->
export default new Vuex.Store({
  state: {
        cities: []
    },
    mutations: {
        updateCities(state, cities) {
            state.cities = cities
        }
    },
    actions: {
        async fetchLocations({dispatch, commit}) {
            try {
                let cities = await axios.get(`https://aviasales-api.herokuapp.com/cities`)
                commit('updateCities', cities.data)

            } catch(e) {
                console.log(e)
                return Promise.reject(e)
            }
        }
    },
    getters: {
        allCities(state) {
            return state.cities
        },
        getCitiesByCountryCode: state => code => {
            return state.cities.filter(city => city.country_code === code)
        }
    }
})


<!-- КОМПОНЕНТ -->
<template>

</template>

<script>
  export default {
    computed: mapGetters(['allCities']),
    methods: mapActions(['fetchLocations']),
    mounted() {
      this.fetchLocations()

      let getCities = this.$store.getters.getCitiesByCountryCode("PE")
      console.log(getCities)
    }
  }
</script>

1 ответ 1

1

Не нужно добавлять в store. Просто укажите так:

 ...
 async mounted() {
  await this.fetchLocations()

  let getCities = this.$store.getters.getCitiesByCountryCode("PE")
  console.log(getCities)
 ...

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.