活線發射未被觸發 -有解無憂

我試圖在點擊編輯按鈕時顯示一個模式，所以我添加了wire:click :

。

 <td class="py-3 px-6 text-left"/span>> 
                            <div class="flex items-center"/span>>
                                <span class="font-medium"/span>> {{$project->project }}</span>。
                            </div>/span>
                        </td>/span>

                        <td class="py-3 px-6 text-left">
                            <div class="flex items-center"/span>>
                                <span>{{ $project->username }}</span>/span>
                            </div>/span>
                        </td>/span>
                        
                        <td class="py-3 px-6 text-center">
                            <span class="bg-{{$project-> status_color }}-200 text-{{ $project->status_color }}-600 py-1 px-3 rounded-full text-xs"> {{ $project->status_name }}. </span> 
                        </td>/span>

                        <td class="py-3 px-6 text-center">
                            <div class="flex item-center justify-center"/span>>

                            <button class="bg-indigo-500 hover: bg-indigo-700 text-white font-bold py-1 px-4 rounded" wire:click=" edit">
                              編輯
                            </button>編輯

                            </div>
                        </td>/span>
                    </tr>

這是我的組件 :

使用LivewireComponent。

class Dashboard extends Component
{
    使用WithPagination。


    公共函式 edit()
    {
        
        $this->emit('eModal')。

    }

在按鈕所在的Livewire刀片中，我添加了模態和按鈕的腳本：

 <!-- Modal -->
< div class="modal fade" id="editModal" tabindex="- 1" role=" dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 
  < div class="modal-dialog" role="document"> 
    <div class="modal-content"/span>>
      <div class="modal-header">/span>
        < h5 class="modal-title"/span> id="exampleModalLabel"/span>> Modal標題</h5>。
        < button type="button" class="close" data-dismiss="modal" aria-label="close"> 
          <span aria-hidden="true"/span>> &times;</span> 
        </button> 
      </div>
      <div class="modal-body"/span>>
        ...
      </div>/span> ...
      <div class="modal-footer"/span>>
        < button type="button" class="btn btn-secondary" data-dismiss="modal"> 關閉</按鈕>
        < button type="button" class="btn btn-primary" > 保存更改</按鈕>
      </div>/span>
    </div>/span>
  </div>/span>
</div>/span>

    </div> 

@push('scripts')

<script>
   Livewire.on('eModal', () => {
     console.log（'scsa'）。
  $('#editModal'/span>).modal('show')。
});
</script>>

@endpush

我在腳本中加入了console.log，這樣我就可以看到emit是否被觸發了，但是什么都沒有發生，我的控制臺什么都沒有得到。我嘗試了dispatchBrowserEvent，但同樣的結果是什么也沒有發生。

請提供一些幫助

uj5u.com熱心網友回復：

嘗試在主刀片檔案上添加livewire事件

 <script> 
    Livewire.on('eModal', () => {
      console.log（'scsa'）。
      $('#editModal'/span>).modal('show')。
    });
   </script>>

轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/324215.html

標籤：

上一篇：TeradataJDBC中QUERY_BAND的引數化預處理陳述句

下一篇：我怎樣才能讓compact忽略不存在的變數？