Задать вопрос
Ответы пользователя по тегу Vue.js
  • Почему-то форма не отправляет post данные?

    @StepsOnes
    В компоненте 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 запроса в фактическое использование обратных кавычек.

    После внесения этих изменений форма должна отправлять данные на сервер.
    Ответ написан