Метод в действии vuex return undefined

Question

У меня в действии Vuex есть следующий метод:

const actions = {
  async fetchByQuery({ commit, title }) {
    console.log(title);
    //other codes
  },
};

И метод достижения действия vuex:

  methods: {
     ...mapActions(["fetchByQuery"]),
    getData(title) {
        console.log("teacher");
      this.fetchByQuery(title);
    }
  }

Но console.log () из действия выдает undefined вывод в консоли.

Что мне здесь не хватает ??

Answer 1

Вы неправильно указали параметры внутри действия.

({ commit, title }) должно быть ({ commit }, title)

В противном случае вам пришлось бы вызывать его с помощью объекта с заголовком свойства.

Answer 2

Действия Vuex ожидают два параметра: объект контекста { commit } и полезная нагрузка (title, в вашем случае)

Измените свое объявление действия на это:

const actions = {
  async fetchByQuery({ commit }, title) {
    console.log(title);
    //other codes
  },
};