Laravel Livewire 分页问题

最新推荐文章于 2024-09-07 22:07:09 发布

巴啦啦臭魔仙

最新推荐文章于 2024-09-07 22:07:09 发布

阅读量251

点赞数 3

分类专栏： PHP Laravel 文章标签： laravel php

本文链接：https://blog.csdn.net/weixin_43743720/article/details/139395102

版权

Laravel 同时被 2 个专栏收录

5 篇文章 1 订阅

订阅专栏

PHP

4 篇文章 0 订阅

订阅专栏

场景：

博客的文章列表需要增加分页，代码及报错信息如下：

<?php

namespace App\Livewire\Components;

use Illuminate\Database\Eloquent\Builder;
use Livewire\Component;
use App\Models\Article as ArticleModel;
use Livewire\WithPagination;

class Article extends Component
{

    use WithPagination;

    public $articles;

    public function mount($category_id = false)
    {
        $this->articles = ArticleModel::query()
            ->select(['id', 'category_id', 'title', 'description', 'reading_quantity', 'comment_quantity'])
            ->with('category')
            ->when($category_id, function (Builder $query, string $category_id) {
                $query->where('category_id', $category_id);
            })
            ->orderByDesc('id')
            ->paginate(10);
    }

    public function render()
    {

        return view('livewire.components.article', [
            'articles' => $this->articles,
        ]);
    }
}

Property type not supported in Livewire for property:

在这里插入图片描述

原因是 livewire 组件类中属性不支持分页对象，所以导致报错

解决方法：

将原有的查询逻辑代码由 mount 转移到 render 方法中。

<?php

namespace App\Livewire\Components;

use Illuminate\Database\Eloquent\Builder;
use Livewire\Component;
use App\Models\Article as ArticleModel;
use Livewire\WithPagination;

class Article extends Component
{
    use WithPagination;

    public $category_id;

    public function mount($category_id = false)
    {
        $this->category_id = $category_id;
    }

    public function render()
    {
        $category_id = $this->category_id;
        $articles = ArticleModel::query()
            ->select(['id', 'category_id', 'title', 'description', 'reading_quantity', 'comment_quantity'])
            ->with('category')
            ->when($category_id, function (Builder $query, string $category_id) {
                $query->where('category_id', $category_id);
            })
            ->orderByDesc('id')
            ->paginate(10);
        return view('livewire.components.article', [
            'articles' => $articles,
        ]);
    }
}