删除按钮在Laravel中的引导模态中不起作用

问题描述

我在Laravel中创建了分页，并且还创建了删除按钮，使我可以删除效果很好的记录。我的下一步是使用引导程序模版升级删除按钮。引导模态本身可以很好地工作，而无需在模态主体中放入任何代码。在将复制的删除代码复制到模式主体内部之后，出现错误提示：

Route [/admin/resellers/{{ $reseller->id ] not defined. (View: 

但是我不明白的是，这两个路由代码在Laravel代码中都可以正常工作，而当它们是相同的代码时，它们在Bootstrap模式代码中就无法工作！为什么！我花了一个小时试图弄清楚，任何想法！

在添加到引导程序代码之前，如果Laravel可以正常工作（没有引导程序模态），则可以正常工作。

<td class="center">
 <form action="/admin/resellers/{{ $reseller->id }}" method="POST">
     <strong><a href="/admin/resellers/{{ $reseller->id }}" class="btn btn-primary btn-sm btn-mini" >
     <i class="fas fa-pen fa-fw"></i>View</a></strong>
          @method('DELETE')
          @csrf
     <button class="btn btn-secondary btn-sm btn-mini"><i class="far fa-edit fa-fw"></i>Edit
     <button class="btn btn-danger btn-sm btn-mini" ><i class="fas fa-times fa-fw"></i>Delete</button>
</form>

按钮触发模式

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#deletes">
    <i class="fas fa-times fa-fw"></i>Delete</button>

在路由器中

Route::delete('/admin/resellers/{reseller}','ResellerController@destory');

在引导程序模态内部相同的删除代码

<!-- Delete Modal -->
<div class="modal modal-danger fade" id="deletes" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title text-center" id="exampleModalLabel"><h4 class="modal-title">Delete Confirmation</h4></h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <form action="{{ route('/admin/resellers/{{ $reseller->id ') }}" method="POST">

            @method('DELETE')
            @csrf

        <div class="modal-body">
            <p>Are you sure you,want to delete?</p>
            <input type="hidden" name="reseller-id" id="reseller-id" value="">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-success" data-dismiss="modal"><i class="fas fa-times fa-fw"></i>No,Cancel it.</button>
          <button type="button" class="btn btn-primary"><i class="fas fa-check fa-fw"></i>Yes,Delete it.</button>
        </div>
        </form>
      </div>
    </div>
  </div>

或者这段代码在javascript中是否正确

$('#deletes').on('show.bs.modal',function (event) {
      var button = $(event.relatedTarget)
      
      var reseller-id = button.data('resellerid')
      var modal = $(this)
      modal.find('.modal-body #reseller-id').val(reseller-id);
})

很多次感谢您参与。

解决方法

如果有名称路由，则在刀片'\0'上的方法将起作用。但是您没有定义任何名称路由，因此它将是：

route()

如果要使用路由名称，则将路由名称定义为：

<form action="{{ url('/admin/resellers/' . $reseller->id) }}" method="POST">

然后您可以像这样使用

：

Route::delete('/admin/resellers/{reseller}','ResellerController@destory')->name('destoryReseller');