使用paginate()方法时Laravel Livewire报属性类型不支持错误

错误根源 #

你遇到的「Property type not supported in Livewire for property...」错误，核心原因是：
Livewire会序列化所有公共属性并存储到组件快照中，但Eloquent集合（如Category::all()返回的结果）和LengthAwarePaginator分页实例（paginate()返回的结果）包含无法被Livewire正确序列化的内部属性，直接将它们赋值给公共属性会触发序列化失败。

你的代码中，$products（存储分页实例）和$items（存储分类集合）都被定义为公共属性，这是报错的直接诱因。

修复步骤 #

1. 重构Livewire组件代码 #

修改app\Livewire\Product\Show.php，移除公共属性中的$products和$items，改为在render方法内直接查询并传递数据给视图：

namespace App\Livewire\Product;

use Livewire\Component;
use Illuminate\Support\Str;
use App\Models\Category;
use Livewire\WithPagination;
use App\Models\Product;

class Show extends Component
{
    use WithPagination;

    // 仅保留业务需要的公共属性
    public $name, $unit, $category,$price,$percentage,$discount,$start_date,$end_date,$tax_percentage,$tax_amount,$net_price,$stock_quantity;
    public $listMode = true;
    public $updateMode = false;
    public $selectedCategories = [];

    public $sortBy = 'name';
    public $sortDirection = 'asc';

    public function render()
    {
        // 直接查询分页数据，不存入公共属性
        $products = Product::query()
            ->orderBy($this->sortBy, $this->sortDirection)
            ->paginate(2);
        
        // 在组件内部查询分类数据，避免外部传递集合
        $items = Category::all();

        return view('livewire.product.show', compact('products', 'items'));
    }
}

2. 调整父视图的组件调用 #

既然组件已自行查询分类数据，移除product.blade.php中传递的items参数：

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{ __('Dashboard') }}</div>

                <div class="card-body">
                    {{-- 移除items参数 --}}
                    @livewire('product.show')
                </div>
            </div>
        </div>
    </div>
</div>

3. 视图层无需修改 #

resources\views\livewire\product.show.blade.php中的$products和{{ $products->links() }}可正常使用，因为render方法已将分页实例直接传递给视图，无需经过公共属性序列化。

额外注意事项 #

1. 避免向Livewire组件传递Eloquent集合/分页实例，如需传递数据，应传递ID数组或单个ID，再在组件内部查询数据。
2. WithPagination trait会自动维护分页状态（如页码），无需手动将分页实例存入公共属性。

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