Сообщение formdata с vuex

Question

Я новичок в vuex и vue - js. Я пытаюсь опубликовать данные своих форм с помощью vuex. Пока мне удалось успешно передать заголовок, но я не знаю, как передать более одного фрагмента данных?

данные для передачи:

// Title
<input type="text" name="subject_title">`

// selected data
<datepicker id="set_date" name="set_date"></datepicker> 

// array of options
<multiselect v-model="value" :max-height="0" :options="options" :searchable="false" :multiple="true" group-label="language" track-by="name" label="name" placeholder=""><span class="arrow" slot="caret"></span></multiselect> 

---

Я поставил часть моего кода на github: https://github.com/samB67/VuexPost

Answer 1

Вы можете создать объект для хранения всей вашей формы в вашем файле upload.vue;

data() {
//...
  homeworkForm: {
    title: '',
    date: null,
    somethingElse: ''

  }
}

Теперь в вашей форме вы просто помещаете v-модель для привязки к каждому соответствующему ключу из вашей домашней работыForm object;

<input v-model="homeworkForm.title" type="text" class="form-control" id="formGroupExampleInput" placeholder="Enter text">
<!-- ... -->
<datepicker v-model="homeworkForm.date" id="set_date" name="set_date" />

Затем, когда вы хотите отправить форму, вы отправляете весь объект homeworkForm в vuex.

postHandler() {
  this.$store.dispatch('createHomework', this.homeworkForm);
},