Laravel Livewire中HTML Select默认All时的Eloquent查询处理

1. 给「All」选项设置明确的值 #

修改你的Select标签，为「All」选项添加语义化的value="all"（也可以用其他标识，比如"*"，但推荐用直观的"all"）：

<div class="col-md-2">
    <label for="gender">Gender</label>
    <select wire:model="byGender" class="custom-select form-control" name="gender" id="gender">
        <option value="all" selected>All</option>
        <option value="male">Male</option>
        <option value="female">Female</option>
        <option value="combine">Combine</option>
    </select>
</div>

2. 动态调整Eloquent查询逻辑 #

不要固定添加where条件，而是根据byGender的值判断，仅当选中具体性别时才添加筛选：

public function mount()
{
    $this->filterRows();
}

// 抽离筛选逻辑，方便后续扩展其他筛选条件（如District）
public function filterRows()
{
    $query = DutySheet::query();

    // 处理性别筛选
    if ($this->byGender !== 'all') {
        $query->where('gender', $this->byGender);
    }

    // 若有District筛选，可复用相同逻辑
    // if ($this->byDistrict !== 'all') {
    //     $query->where('district', $this->byDistrict);
    // }

    $this->rows = $query->get()->toArray();
}

补充说明 #

空字符串无效的原因是：where('gender', '')会查询数据库中gender字段为空的记录，而非返回全部数据，不符合「All」选项的需求。这种动态添加查询条件的方式，能轻松适配多个筛选器，逻辑统一且易维护。

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