Question

我坚持用vue js和laravel制作一个删除方法。我尝试使用laravel资源向href属性添加一个值，并传递id作为第二个参数但是当我点击它并在控制台上显示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: function(id) {
  var dataId = $('#deleteRecord').attr('href')
  console.log(dataId);
}

Answer 1

你的方法deleteRecord：

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

或者在方法中使用axios

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

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..
      }
  });
}

使用laravel和vue js

2 个答案: