В компоненте EventPostForm.vue, измените строку, которая отправляет данные на сервер, на следующую строку:
this.$store.dispatch(actionTypes.addEvent, this.$route.params.id, {
title: this.title,
description: this.description,
startDate: this.startDate,
endDate: this.endDate
}).then(event => {
console.log(event);
this.$router.push({ name: "editUser" });
});
Здесь store dispatch вызывает новое действие `addEvent`. Это действие принимает два аргумента: `context` и `payload`. `context` - это объект контекста, который хранит методы, геттеры, мутации и действия store. `payload` - это объект, содержащий данные, которые должны быть отправлены на сервер. В данном случае, он передает параметры события: заголовок, описание, дату начала и дату окончания.
Кроме того, измените метод `addEvent()` файла events.js следующим образом:
const addEvent = (id, credentials) => {
return axios.post(`/user/${id}`, credentials);
};
export default { getEvents, addEvent };
Здесь просто исправлено неправильное использование одинарных кавычек при указании URL запроса в фактическое использование обратных кавычек.
После внесения этих изменений форма должна отправлять данные на сервер.
