LiveWire事件监听异常：触发的事件未被监听器接收

针对你遇到的Livewire组件事件未接收问题，按以下优先级排查修复：

1. 修正wire:click的传参方式 #

你当前用json_encode($user)传递参数会导致数据被转成JSON字符串，Livewire传递模型/对象时无需手动序列化，直接传变量即可，否则接收方可能无法解析正确格式的数据。

修改Blade按钮代码：

<div class="ml-auto">
    <button class="br-button secondary circle" type="button" aria-label="Selecionar" wire:click="selecionar({{ $user }})">
        <i class="fas fa-arrow-right"></i>
    </button>
</div>

如果$user是Eloquent模型，Livewire会自动处理序列化；如果是普通数组，直接传递也能正常解析。

2. 确认组件层级与事件作用范围 #

Livewire的emit默认仅向当前组件树内的组件广播事件，需确保search组件和create组件处于同一Livewire根组件下，或均为页面顶级挂载组件。

若两个组件属于独立的根实例，需修改事件广播方式：

public function selecionar($user)
{
    // 跨根组件广播事件
    $this->broadcastToOthers('userSel', $user);
    $this->buscaNome = "";
    $this->usuarios = [];
}

若create是search的父组件，可改用$this->emitUp('userSel', $user)向上传递事件。

3. 调试事件触发与接收状态 #

• 手动触发测试：打开浏览器控制台，输入Livewire.emit('userSel', {test: 'demo'})，验证create组件是否能接收事件。
• 添加日志排查：在两个组件的对应方法中加入日志，确认流程是否执行：

  // search组件的selecionar方法
  public function selecionar($user)
  {
      \Log::info('selecionar方法执行，用户数据：', $user);
      $this->emit('userSel', $user);
      $this->buscaNome = "";
      $this->usuarios = [];
  }
  
  // create组件的userSel方法
  public function userSel($user)
  {
      \Log::info('收到userSel事件，数据：', $user);
      $this->state = $user;
  }
  

  查看storage/logs/laravel.log日志，确认方法是否执行、数据是否正确传递。

4. 确认监听配置无歧义 #

显式指定监听方法名，避免潜在的命名冲突：

protected $listeners = ['userSel' => 'handleUserSel'];

public function handleUserSel($user)
{
    $this->state = $user;
}

5. 清除缓存 #

缓存可能导致组件更新不生效，执行以下操作：

• 运行php artisan livewire:clear清除Livewire组件缓存
• 清除浏览器缓存或使用无痕模式测试

内容的提问来源于stack exchange，提问作者Ana Carolina