Laravel10+Livewire3渲染用户通知时出现Property type not supported错误

问题场景 #

在Laravel 10与Livewire 3环境下开发Personal/ProfileEditor组件展示用户通知列表时，通过auth()->user()->notifications()->latest()->paginate(2)获取分页数据，渲染Blade模板时触发“Property type not supported in Livewire”错误。模板未直接引用type字段，dd($notification)显示为DatabaseNotification实例，调用toArray()能看到有效数据，但问题仍未解决。

错误原因 #

核心问题是把Eloquent分页实例直接赋值给了Livewire组件的public属性$notifications。Livewire 3会自动序列化所有public属性，而DatabaseNotification模型的type字段存储的是通知类的完整命名空间，虽然是字符串类型，但Livewire在序列化Eloquent模型时会处理模型的内部属性与关联逻辑，这一过程触发了类型不兼容的错误——哪怕模板没直接用type字段也会触发。

修复方案 #

方案1：直接在render方法传递分页数据（推荐）

删除组件中public的$notifications属性，在render方法里查询数据后直接传给视图，避免Livewire对分页实例做不必要的序列化：

namespace App\Livewire\Personal;

use Livewire\WithPagination;
use Illuminate\View\View;

class ProfileEditor extends Component
{
    use WithPagination;
    public int $notificationsPage = 1;
    public bool $notificationsOnlyUnread = true;

    public function render(): View
    {
        $notifications = auth()->user()->notifications()->latest()->paginate(2);

        return view('livewire.personal.profile-editor', [
            'notifications' => $notifications
        ])->layout('components.layouts.personal');
    }
}

模板代码保持原样即可，循环和分页渲染逻辑无需修改。

方案2：使用Livewire计算属性

如果需要在组件其他方法中访问通知数据，可以用计算属性替代public属性，计算属性不会被Livewire自动序列化，仅在需要时计算：

namespace App\Livewire\Personal;

use Livewire\WithPagination;
use Illuminate\View\View;
use Livewire\Attributes\Computed;

class ProfileEditor extends Component
{
    use WithPagination;
    public int $notificationsPage = 1;
    public bool $notificationsOnlyUnread = true;

    #[Computed]
    public function notifications()
    {
        return auth()->user()->notifications()->latest()->paginate(2);
    }

    public function render(): View
    {
        return view('livewire.personal.profile-editor')->layout('components.layouts.personal');
    }
}

模板中依旧通过$notifications访问数据，原有逻辑完全不变。

方案3：转为数组（不推荐，丢失分页功能）

如果不需要分页链接，仅需展示数据，可以把查询结果转为数组，但会丢失分页实例的所有方法：

// render方法中修改查询逻辑
$notifications = auth()->user()->notifications()->latest()->take(2)->get()->toArray();

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