Событие браузера, отправленное компонентом livewire, прослушивается AlpineJS 4 раза

#php #laravel-livewire #alpine.js

#php #laravel-живой провод #alpine.js

Вопрос:

У меня есть кнопка просмотра файла компонента livewire

 lt;div x-data="{userData: {}}" x-on:data-loaded.window="userData=$event.detail.user;console.log('userData', userData)"gt;  lt;button @click="@this.call('loadData', '{{ $user-gt;id }}')"gt;Load Data lt;/buttongt;   ...  ...  lt;/divgt;  

который вызывает приведенную ниже функцию действия..

 public function loadData($id)  {  $user = User::with('categories')-gt;findOrFail($id);  $this-gt;dispatchBrowserEvent('data-loaded', [  'user' =gt; $user  ]);  }  

Но странное поведение здесь заключается в том, что console.log оператор в обработчике событий выполняется четыре раза.

повторная консоль.выполнение журнала

Что может быть причиной этого?