Как вызвать мутацию из компонента, если хранилище разделено на модули?

Question

[danilr]

Как вызвать мутацию из компонента?

Cам vuex:

export default new Vuex.Store({
  modules: {
    residentials,
    administration
  }
})

Модуль administration:

import { HTTP, Routes } from '@/components/Server/API'

export default{
  // namespaced: true,
  state:{
    usersInGroup: {},
    groups: [],
    roles: [],
    users: 3
  },
  actions:{
  },
  mutations:{
    getUsersinGroup(state) {
      console.log('data');
      HTTP.post(Routes.getUsersinGroup, {})
        .then(({ data }) => {
          state.usersInGroup = data;
          state.groups = data.groups;
          state.roles = data.roles;
          state.users = data.users;
          console.log(data);
        })
        .catch(error => {
          console.error(error);
        });
    }

  }
}

И так вызываю мутацию в компоненте:

mounted() {
    console.log(this.$store.state.administration.users); // это для теста( работает)
    
    this.$store.commit.administration('getUsersinGroup') // тут не работает, как правильно вызвать?
    
  }

Comments

[alex]

код объекта administration покажите

[danilr]

Alex, он во втором сниппете написан, выше - там подписано

Answer 1

[Егор Скороходов]

Если не указаны неймспейсы - this.$store.commit('getUsersinGroup');
https://vuex.vuejs.org/ru/guide/modules.html

Comments

[danilr]

Да, действительно работает, если не задавать namespaced: true, а почему тогда вот это выдает undefined? console.log(this.$store.state.users);
А если мне нужно использовать пространство имен, как мне вызывать мутацию и брать само состояние?

[Егор Скороходов]

danilr, модуль - всегда отдельный объект стэйта, а метод коммит ищет по всему заданному неймспейсу -- по умолчанию все модули в одном пространстве имён.
при namespaced: true коммит будет выглядеть так: this.$store.commit('administration/getUsersinGroup')

[danilr]

Егор Скороходов, Спасибо, это мне и нужно!)