Не вызывается getter после mutation?

После перехода на страницу и нажатию кнопки не срабатывает getter, вызываемый на страницу через computed свойство.
Хотя после перезагрузки страницы все работает. В чем может быть проблема ?
Ставил консоль после мутации, данные записывает новые, так как происходит переключение языка.
export const state = () => {
  items: []
};

export const getters = {
  getMenuItems: state => state.items
};

export const mutations = {
  setMenu(state, items) {
    state.items = items;
  }
};

export const actions = {
  async getMenu({rootState, commit}) {
    const { auth, lang } = rootState;
    
    const {items} = await this.$axios.$get(`/api/${ lang.locale }/menu`, {
      headers: {
        'Authorization': `bearer ${auth.token}`,
        'Accept-Language': `${lang.locale}`
      },
    });

    if (items) {
      // set items
      commit('setMenu', items);
    }
  }
};
```
```
    computed: {
      ...mapGetters({menuItems: 'menu/getMenuItems'}),
    },
    watch: {
      menuItems: function (newValue, oldValue) {
        console.log(newValue); // это сообщение не выводится в описанном случае
      }
    }
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
RazerVG
@RazerVG Автор вопроса
FrontEnd
Нашел свою ошибку,

export const state = () => {
  items: []
};

забыл обернуть скобочками.
export const state = () => ({
  items: []
});


Странно что оно работало после перезагрузки страницы.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack
Возможно где-то сломали реактивность. Попробуйте изменять данные через Vue.set
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Enapter Санкт-Петербург
от 160 000 до 240 000 ₽
Junto Москва
от 120 000 до 180 000 ₽
17 февр. 2020, в 16:03
50000 руб./за проект
17 февр. 2020, в 15:50
700 руб./за проект
17 февр. 2020, в 15:23
50000 руб./за проект