Livewire 3中mount方法赋值Eloquent对象失败致departments为空问题

为啥mount里赋值departments不行？ #

常见原因有这几个：

• 权限不对：要是departments被设成private或protected，Livewire不会把这个属性传到视图，遍历的时候自然拿的是null。而sections是public，所以正常显示。
• mount没执行：如果组件用了wire:init延迟加载，或者被@if这类条件渲染包裹着，mount不会在首次渲染时立刻跑，视图先出来了，departments还没被赋值。
• 被其他代码冲了：组件的其他生命周期方法（比如hydrate、updated）或者你自己写的方法里，不小心把departments改成null了，覆盖了mount里的值。

怎么解决？ #

1. 先把属性改成public #

在组件类开头明确定义public $departments;，Livewire只认public属性同步到视图：

class YourComponent extends Component
{
    public $sections;
    public $departments; // 必须是public

    public function mount()
    {
        $this->sections = Section::all();
        $this->departments = Department::all();
    }

    // 其他代码...
}

2. 用计算属性兜底 #

不想依赖mount的话，用Livewire的计算属性，视图调用$departments时自动触发获取数据：

class YourComponent extends Component
{
    public $sections;

    public function mount()
    {
        $this->sections = Section::all();
    }

    // 计算属性，自动触发
    public function getDepartmentsProperty()
    {
        return Department::all(); // 换成你的实际查询逻辑
    }

    // 其他代码...
}

视图里直接用$departments就行，不用管mount有没有执行。

3. 处理延迟加载/条件渲染的情况 #

如果组件用了wire:init，给departments设个默认空数组避免报错，再专门写方法加载数据：

public $departments = [];

public function loadDepartments()
{
    $this->departments = Department::all();
}

视图里可以直接遍历，或者配合wire:init="loadDepartments"使用：

@foreach($departments as $department)
    {{ $department->name }}
@endforeach

4. 排查有没有代码覆盖属性 #

检查组件里的hydrate、updated这些生命周期方法，还有你自己写的业务逻辑，确保没有把departments重置为null的代码。

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