Laravel Livewire 分页在索引页后不显示搜索结果

Laravel Livewire Pagination Not Displaying Search Results After Index Page

我看过其他关于同一问题的帖子,但其中 none 反映了我的设置,这让我难以实施。

我正在使用 Laravel 8.0 和 Livewire 1.3

我目前有一个 'items' 列表,其中包含 186 个项目,每页 25 个分页——效果很好。我也有实时搜索,如果在索引页面上,效果很好,但如果你在索引后的任何页面上,例如 http://workorders.test/items?page=2 并决定进行搜索,它会显示正确数量的结果,但是不将结果显示到页面(见附件截图)。

index.php

<?php

namespace App\Http\Livewire\Admin\Items;

use Livewire\Component;
use App\Item;
use Livewire\WithPagination;

class Index extends Component
{
    use withPagination;
    public $item;
    public $item_name;
    public $item_description;
    public $perPage = 25;
    public $sortAsc = true;
    public $search = '';
    public $sortField = 'item_name';

    ...

    public function render()
    {
        $types = collect([
            ['name' => 'Equipment'],
            ['name' => 'Supply'],
        ]);

        $plucked = $types->pluck('name')->all();

        $items = Item::search($this->search)
            ->orderBy($this->sortField, $this->sortAsc ? 'asc' : 'desc')
            ->paginate($this->perPage);
        return view('livewire.admin.items.index', compact('items', 'plucked'));
    }
}

item.php

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\SoftDeletes;

class Item extends Model
{
    use SoftDeletes;
    protected $fillable = [
        'item_name', 'item_description'
    ];

    public function products()
    {
        return $this->hasMany(Product::class);
    }

    public static function search($query)
    {
        return empty($query) ? static::query()
            : static::where('item_name', 'like', '%'.$query.'%');
    }

}

index.blade (只显示重要部分)

<div class="flex-1 min-w-0 rounded-md shadow-sm">
   <input wire:model="search" id="search" placeholder="Search Item Name">
</div>
...
@foreach($items as $item)
   ... 
@endforeach
...
{{ $items->links() }}

你错过了什么。当你使用这样的过滤器时,你需要告诉 livewire 重置页面。

在您的情况下,过滤器存储在 $search 变量中,因此只需将此方法添加到您的 Livewire 组件:

public function updatingSearch()
{
    $this->resetPage();
}