laravelとvue jsを使ってレコードを削除する

Question

私はvue jsとlaravelを使ってdeleteメソッドを作成しています。私はhref属性にlaravelリソースを使用して値を追加しようとしましたが、idを2番目のパラメータとして渡しましたが、それをクリックしてコンソールにIDを表示すると、すべてのデータに同じIDが表示されます。

サンプルブレード：

<a id="deleteRecord" data-id="{{$project->id}}" @click.prevent="deleteRecord" class="btn btn-circle btn-icon-only btn-danger" href="{{ route('projects.store', $project->id) }}"> 
    <i class="icon-trash"></i> 
</a> 

Vueの方法：あなたの方法deleteRecordの内部

deleteRecord: function(id) { 
    var dataId = $('#deleteRecord').attr('href') 
    console.log(dataId); 
} 

Answer 1

：

this.$http.delete(url) 
.success(function(response) { 
    console.log(response) 
}) 
.error(function(errors) { 
    console.log(error) 
}); 

またはあなたの方法

axios.delete(url) 
.then(function (response) { 
    console.log(response); 
}) 
.catch(function (error) { 
    console.log(error); 
}); 

の内部axiosを使用して

Answer 2

今すぐ取得します。私はちょうど他人を助けるためにここにそれを掲示するでしょう。

deleteRecord: function(id) { 
    var url = "projects" + "/" + id; 
    $.ajax({ 
     url: url, 
     type: 'DELETE', 
     data: { "_token": "{{ csrf_token() }}" }, 
     success: function(response) { 
      //do some success stuff here.. 
     } 
    }); 
}