Как обновить записи о продукте с помощью Vue, Ax ios и Laravel - PullRequest
Новая
       3

Как обновить записи о продукте с помощью Vue, Ax ios и Laravel

1 голос
/ 20 июня 2020

My Vue отправляет форму из ant-design с помощью метода ax ios put, когда я проверяю ответ в базе данных, значение равно нулю. Я пробовал несколько попыток передать правильный параметр, но безуспешно. Каков правильный синтаксис для передачи параметра.

Это моя форма в Vue

<a-form :form="formEdit">
<a-input type="text" class="form-control" :value="show1prod.product_name" @input="show1prod.product_name = $event.target.value" />
<a-textarea :value="show1prod.product_description" @input="show1prod.description_name = $event.target.value" :rows="5" />
<button type="button" html-type="submit" @click="update(show1prod.id)" class="btn btn-default">Save</button>
</a-form>

Это топор ios put config 

import axios from 'axios'
const Api = axios.create({
  baseURL: 'http://localhost:8000/api',
  withCredentials: true
})

Api.defaults.withCredentials = true

export default Api
export default {
    
    update (id,product_name, product_description) {
        return Api.put('/products/update/' + id,product_name, product_description)
    }
    
}

Это скрипт, который я не включил в базу данных по умолчанию для экспорта c это то, что внутри него 

data(){
 return{
  formEdit:  {
    product_name: '',
    product_description: ''
  }
 }
},
methods(){
 update (id) {
       let product_name = this.show1prod.product_name;
       let product_description = this.show1prod.product_description;
          Products.update(id, product_name, product_description)
          .then((response) => {
            //this.product_name = response.data
            alert('success')
          })
          .catch((error) => {
            alert(error)
          })
        }
}

Вот мой Laravel маршрут и код контроллера 

Route::put('/products/update/{id}', 'ProductsController@update');
public function update(Products $request, $id)
    {
        $id = Products::find($id);
        
        request()->validate([
            'product_name' => 'required',
            'product_description' => 'required'
        ]);
        $id->product_name = $request->product_name;
        $id->product_description = $request->product_description;
        $id->save();
        return response()->json($id);
    }

Что мне не хватает и как это решить?

1 Ответ

0 голосов
/ 20 июня 2020

Вы не отправляете данные с запросом на размещение, простой пример будет выглядеть так: 

<template>
  <form @submit.prevent="submit">
      <input v-model="formEdit.product_name">
      <textarea v-model="formEdit.product_description">
  </form>
</template>

<script>
import axios from 'axios'

export default {
    data() {
        return {
            formEdit: {
                product_name: "",
                product_description: ""
            }
        }
    },

    methods: {
        submit(){
            axios.put('/product/update', this.formEdit)
        }
    },
}
</script>
...