Laravel Livewire多搜索框同时搜索功能异常求助

问题原因 #

你的代码失效是因为当其中一个搜索框为空时，%''%会匹配所有记录，导致整个查询返回全量数据，看起来搜索功能失效。比如：

• 若$this->search为空，第一个条件car_id like '%%'会匹配所有车辆，此时orWhere的条件不再起作用，直接返回全部数据；
• 同理，若$this->carname为空，第二个条件也会匹配所有车辆，导致搜索逻辑失效。

解决方案 #

通过条件式添加查询条件，只在搜索框有值时才加入对应查询规则，避免空值导致的全量匹配。

方法1：使用Laravel查询构建器的when方法（推荐） #

这种写法更简洁，符合Laravel的优雅风格：

return view('livewire.table-data', [
    'data' => RDR::when($this->search, function ($query) {
        $query->where('car_id', 'like', '%' . $this->search . '%');
    })
    ->when($this->carname, function ($query) {
        // 如果已有搜索条件，用orWhere；否则直接用where
        $query->{$this->search ? 'orWhere' : 'where'}('car_name', 'like', '%' . $this->carname . '%');
    })
    ->get()
]);

方法2：手动判断并拼接查询条件 #

这种写法更直观，适合需要复杂逻辑的场景：

// 初始化查询构建器
$query = RDR::query();

// 车辆ID搜索框有值时，添加条件
if (!empty($this->search)) {
    $query->where('car_id', 'like', '%' . $this->search . '%');
}

// 车辆名称搜索框有值时，根据已有条件选择where或orWhere
if (!empty($this->carname)) {
    $conditionMethod = !empty($this->search) ? 'orWhere' : 'where';
    $query->$conditionMethod('car_name', 'like', '%' . $this->carname . '%');
}

// 获取最终数据
$data = $query->get();

return view('livewire.table-data', compact('data'));

额外注意事项 #

1. 确保Livewire组件中已正确定义属性：

public $search = '';
public $carname = '';

2. 前端输入框需正确绑定属性（以Livewire 3为例）：

<input type="text" wire:model.live="search" placeholder="搜索车辆ID">
<input type="text" wire:model.live="carname" placeholder="搜索车辆名称">

可以添加debounce优化性能，比如wire:model.live.debounce.300ms，避免每输入一个字符就发起请求。

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