Laravel Livewire组件emit事件无法触发，求修改方案

你的问题出在前端监听事件的代码逻辑上——你误用了Livewire.emit()方法，这个方法是用来触发事件的，而非监听事件。正确的事件监听方法应该是Livewire.on()。

修改后的JS代码（resources/view/js/resetUserPasswordJS.blade.php） #

<script>
document.addEventListener('livewire:load', function() {
    // 使用Livewire.on监听successMsg事件
    Livewire.on('successMsg', (data) => {
        alert(data);
    });
})
</script>

额外检查项 #

• 确保该JS文件已正确引入到使用reset-user-password组件的页面中，比如通过@include('js.resetUserPasswordJS')在组件视图或主模板里引入
• 打开浏览器控制台查看是否有JS报错，比如Livewire对象是否正常加载（若Livewire未正确初始化，也会导致事件监听失效）
• 可以在resetPassword方法中临时添加dd('方法已触发')，确认按钮的wire:click确实调用了后端方法

内容的提问来源于stack exchange，提问作者MERN Stack Developer