SPART4K63
@SPART4K63
front-end developer

Почему не срабатывает action в store nuxt?

Добрый день.
У меня имеется такая конструкция в store/index.js

import axios from 'axios';
export const state = () => ({
  catalog: []
})

export const mutations = {
  SET_CATALOG_TO_STATE: (state,catalog) => {
    state.catalog = catalog;
  }
}

export const actions = {
  GET_BASKET_FROM_API({commit}) {
      return this.$axios.$get('./json/catalog.json', {
        method: "GET"
      })
      .then((catalog) => {
        console.log('xyu')
        console.log(catalog)
        commit('SET_CATALOG_TO_STATE', catalog.data);
        return catalog;
      })
      .catch((error) => {
        console.log(error)
        return error;
      })
  }
}

export const getters = {
  CATALOG(state) {
    return state.catalog
  }
}


И я хочу получить геттер в компоненте:
import { mapGetters,mapActions} from 'vuex';
    export default {
      data() {
        return {
          catalog: [],
        }
      },
      computed: {
          ...mapGetters([
            'CATALOG'
          ]),
          startStore: function() {
            return this.$store.state.catalog
          }
      }
    }


Подскажите пожалуйста почему у меня не срабатывает action ? Ничего не консолится даже
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы