3.7. Параметры URL-запроса

Livewire позволяет сохранять свойства компонента в строке запроса URL. Например, вы можете захотеть, чтобы свойство $search вашего компонента включалось в URL: https://example.com/users?search=bob. Это особенно полезно для таких функций, как фильтрация, сортировка и пагинация, поскольку позволяет пользователям делиться и сохранять в закладках конкретные состояния страницы.

#1. Базовое использование

Ниже приведен компонент ShowUsers, который позволяет искать пользователей по имени с помощью простого текстового поля:

<?php
 
namespace App\Livewire;
 
use Livewire\Attributes\Url;
use Livewire\Component;
use App\Models\User;
 
class ShowUsers extends Component
{
    public $search = '';
 
    public function render()
    {
        return view('livewire.show-users', [
            'users' => User::search($this->search)->get(),
        ]);
    }
}

<div>
    <input type="text" wire:model.live="search">
 
    <ul>
        @foreach ($users as $user)
            <li wire:key="{{ $user->id }}">{{ $user->name }}</li>
        @endforeach
    </ul>
</div>