Как правильно отправить данные формы на vue?

Question

[stanislavkm]

Имеется форма. С инпутами и значениями кнопок (для выбора доставки или самовывоза, для оплаты картой или наличными и тп.). Связать инпуты при помощи v-model - понятно, а как связаться со значением выбранных кнопок?
Фрагмент кода:

...
              <div>
                <input v-model="name" class="order_input" type="text" placeholder="Имя" >
              </div>
...
              <div v-if="cafeIsActive" class="select_type">
                <p class="radio_p">Выберите кафе</p>
                <div class="radio_btns">
                  <div class="form_radio_btn">
                    <input id="radio-5" type="radio" name="cafeID" value="cafe1" checked>
                    <label for="radio-5">Кафе 1</label>
                  </div>
                  <div  class="form_radio_btn" >
                    <input id="radio-6" type="radio" name="cafeID" value="cafe2">
                    <label for="radio-6">Кафе 2</label>
                  </div>
                </div>
              </div>

Затем я навешиваю событие на кнопку отправить данные, в котором я описываю функцию отправки данных посредством post axios-a. И как выбрать какие именно значения отправлять в запросе? По возможности было бы идеально увидеть пример

Answer 1

[Константин Б.]

axios.post(url, this.$data)

axios.post(url, {
  name: this.name,
  foo: this.foo,
  bar: this.bar
})

Comments

[stanislavkm]

спасибо, а как записать и отправить значение одной из двух выбранных кнопок (для оплаты картой или наличными и тп.)?

[Константин Б.]

stanislavkm, через v-model, подробности легко в документации найти