Quiero activar un evento livewire al hacer clic en un botón desde un archivo blade normal. He intentado las cosas a continuación, pero solo funciona desde el componente en sí.

Detalle: Básicamente, tengo la tabla renderizada usando jquery en un archivo blade normal, cada fila de la tabla tiene un botón de edición, al hacer clic, se abrirá un modelo de arranque de Livewire con todos los datos, el modal se abre pero no con datos. sugerirme una pista o solución.

componente livewire como modal de arranque

 <div class="modal fade" id="editUserModal" tabindex="-1" role="dialog" aria-hidden="true"> //blahh </div>

tabla representada usando la respuesta ajax en un archivo blade estándar

 success: function(response) { $('tbody').html(""); $.each(response, function(key, item) { str += '<tr>'; //blahh... str += '<a href="#" id="' + item.id + '" onclick="window.livewire.emit({{ (''edit', '+item.id+'') }})" class="text-info mx-1 editIcon" data-toggle="modal" data-target="#editUserModal"></a>'; //need to fire event with id passed with it everything is workable but jquery showing error the way I write statement how to write ('openmodal', '16') correctly, 16 is a static id //blahh... str += '</tr>'; }) $('tbody').append(str); )};

También probé el método onclick como se especifica en el enlace para usar window.livewire.emit pero no funcionó

 <a href="#" onclick="window.livewire.emit({{ 'openmodal', '16' }})" id="' + item.id + '" class="text-info mx-1 editIcon" data-toggle="modal" data-target="#editStudentModal"><i class="bi-pencil-square h4"></i></a>

Editar componente

 class Edit extends Component { public $fname_edit, $user; public ?int $userId = null; protected $listeners = ['openmodal' => 'edit']; public function edit(int $userId) { $this->userId = $userId; $user = User::findOrFail($userId); $this->fname_edit = $user->user_first_name; } }

¿Es posible abrir el modal livewire desde la hoja normal con datos para editar, o debo apegarme a jquery?