Laravel Livewire 分页问题

场景：

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

1. <?php
3. namespace App\Livewire\Components;
5. use Illuminate\Database\Eloquent\Builder;
6. use Livewire\Component;
7. use App\Models\Article as ArticleModel;
8. use Livewire\WithPagination;
10. class Article extends Component
11. {
13.     use WithPagination;
15.     public $articles;
17.     public function mount($category_id = false)
18.     {
19.         $this->articles = ArticleModel::query()
20.             ->select(['id', 'category_id', 'title', 'description', 'reading_quantity', 'comment_quantity'])
21.             ->with('category')
22.             ->when($category_id, function (Builder $query, string $category_id) {
23.                 $query->where('category_id', $category_id);
24.             })
25.             ->orderByDesc('id')
26.             ->paginate(10);
27.     }
29.     public function render()
30.     {
32.         return view('livewire.components.article', [
33.             'articles' => $this->articles,
34.         ]);
35.     }
36. }

复制代码

Property type not supported in Livewire for property:

缘故原由是 livewire 组件类中属性不支持分页对象，以是导致报错
解决方法：

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

1. <?php
3. namespace App\Livewire\Components;
5. use Illuminate\Database\Eloquent\Builder;
6. use Livewire\Component;
7. use App\Models\Article as ArticleModel;
8. use Livewire\WithPagination;
10. class Article extends Component
11. {
12.     use WithPagination;
14.     public $category_id;
16.     public function mount($category_id = false)
17.     {
18.         $this->category_id = $category_id;
19.     }
21.     public function render()
22.     {
23.         $category_id = $this->category_id;
24.         $articles = ArticleModel::query()
25.             ->select(['id', 'category_id', 'title', 'description', 'reading_quantity', 'comment_quantity'])
26.             ->with('category')
27.             ->when($category_id, function (Builder $query, string $category_id) {
28.                 $query->where('category_id', $category_id);
29.             })
30.             ->orderByDesc('id')
31.             ->paginate(10);
32.         return view('livewire.components.article', [
33.             'articles' => $articles,
34.         ]);
35.     }
36. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。