Как отправить POST запрос формы Fetch Vuejs2


Как отправить POST запрос формы Fetch Vuejs2

13.10.2020 11:36:20 Просмотров 42 Источник

У меня есть форма с полем для ввода текста и при нажатии на кнопку я должен отправить запрос со значением из ввода

Как я могу это сделать?

enter image description here

<div class=" select__body" v-if="addedForm === 3">
  <div class="select-item" v-on:click="PostReqests()">Value 1</div>
  <div class="select-item" v-on:click="closeForm()">Value 2</div>
  <div class="select-item" v-on:click="closeForm()">Value 3</div>
  <div class="select-item" v-on:click="closeForm()">Value 4</div>
  <div class="select-item" v-on:click="closeForm()">Value 5</div>
  <div class="select-item-nh">
    <div class="added-form">
      <input type="text" name="name" class="form-control select-item-add">
      <button class="form-control" v-on:click="closeForm()">Add to</button>
    </div>
  </div>
</div>
export default {
  name: 'Index',
  data() {
    return {
      post: [],
      data: [],
    }
  },
  methods: {
    async PostReqests() {
      const request = await fetch("https://localhost:8000/addobject", {
        method: "POST",
      })
      console.log(request)
    }
  }
}
У вопроса есть решение - Посмотреть?

Ответы - Как отправить POST запрос формы Fetch Vuejs2 / How send POST request of form Fetch Vuejs2

Является ответом!
beingyogi

14.10.2020 03:44:47

Вы не использовали сохраненное значение ввода, для этого вам нужно использовать v-модель. Для получения дополнительной информации прочтите привязки ввода формы. Вы можете попробовать следующий код

<select v-model="selected">
  <option disabled value="">Please select one</option>
  <option>Value 1</option>
  <option>Value 2</option>
  <option>Value 3</option>
</select>
<input v-model="name" placeholder="edit me">

export default {
  name: 'Index',
  data() {
    return {
      post: [],
      data: [],
      name:'',
      selected:''
    }
  },
  methods: {
    async PostReqests() {
      const request = await fetch("https://localhost:8000/addobject", {
        method: "POST",
        name: this.name, // sending the name input
        selected: this.selected // sending the option which was selected from dropdown
      })
      console.log(request)
    }
  }
}
Помочь в развитии проекта:
Закрыть X