Почему диспетчер отправляет неверную полезную нагрузку?

avatar
Jean-Luca
9 августа 2021 в 06:07
76
1
0

Я хочу передать данные моей формы через функцию отправки в свою функцию действия и отправить оттуда запрос с помощью axios. А вот в экшн-функции в консоль логируется совсем другое, геттеры, коммиты, ...

Спасибо за помощь.

Полезная нагрузка действия: Снимок экрана 1

Действие в магазине:

const actions = {
  async sendReport(payload) {
    console.log(payload)
    await axios
      .post("http://xxxxxxxxxx:8081/api/admin/bugreports/", payload)
      .catch((err) => {
        console.log(err);
      });
  },
};

Функция просмотра:

 function report() {
      store.dispatch("company_report/sendReport", {
        text: state.report,
        user: state.user_info.id,
      });
    }

Полезная нагрузка, на мой взгляд, записала правильные значения в виде полезной нагрузки.

Форма:

<form @submit.prevent="report()">
      <input v-model="state.report" name="report" id="report" class="input" />
      <button type="submit" class="second-btn btn">Absenden</button>
</form>
Источник

Ответы (1)

avatar
Negin Kh
9 августа 2021 в 06:33
0

первый аргумент — это не полезная нагрузка в действии, это контекст, который предоставляет тот же набор методов/свойств экземпляра хранилища, а второй — ваша полезная нагрузка

const actions = {
  async sendReport(context,payload) {
    console.log(payload)
    await axios
      .post("http://xxxxxxxxxx:8081/api/admin/bugreports/", payload)
      .catch((err) => {
        console.log(err);
      });
  },
};

вы можете узнать больше о действии vuex из здесь

Jean-Luca
9 августа 2021 в 06:59
0

Большое спасибо, это мой первый проект в vue.