基本上我已經使用 laravel 7 和 Vue.js 制作了一個名為 observations 的“簡單”API,我的 GET 請求正在運行但我無法執行我的 DELETE 和 POST 請求,我不得不說我仍在學習 Laravel 所以可能會有很多錯誤。這里很少評論:DELETE 實際上有效(它刪除),它只是不重新加載所有觀察結果,因為它應該是預期的這是我的 vue 組件:<template> <div> <div class="card card-header"> <h2> observaciones </h2><small> para futuras donaciones </small> </div> <div class="card card-body" v-for="observation in observations" v-bind:key="observation.id"> <h4> {{observation.name}}</h4> <p> {{observation.content}}</p> <button class="btn btn-danger btn-block" @click="deleteObservation(observation.id)"> Borrar </button> </div> <!-- FORMULARIO PARA AGREGAR OBSERVACION --> <div class="card card-footer"> <form @submit.prevent="addObservation"> <!-- <div class="form-group"> <input type="text" class="form-control" placeholder="nombre" v-model="observation.name"> </div> --> <div class="form-group"> <textarea type="text" name="content" class="form-control" placeholder="algun texto" v-model="observation.content"> </textarea> </div> <button type="submit" class="btn btn-primary btn-block"> Agregar observacion </button> </form> </div> </div></template><script> export default{ data(){ return{ observations:[], observation:{ id:'', name:'', content:'' } } }, created(){ this.fetchObservations(); }, methods:{ fetchObservations(){ fetch('api/observations') .then(res=> res.json()) .then(data=>{ this.observations= data; console.log(data); }); },</script>
1 回答

撒科打諢
TA貢獻1934條經驗 獲得超2個贊
因為你return null;在你的destroy方法中,所以在你的前端,當你試圖將它解析為 json 時,它會拋出一個錯誤。
嘗試這個。
deleteObservation(id){
if(confirm('?Estas Seguro?')){
fetch('api/observations/+id',{
method:'delete'
})
.then(()=>{
fetchObservations();
})
.catch(err=> console.log(err));
}
}
- 1 回答
- 0 關注
- 151 瀏覽
添加回答
舉報
0/150
提交
取消