URL Query String Binding in Livewire v4

Sync component state with URL query parameters.

1 February 20261 min readLivewire اقرأ بالعربية

Livewire v4 can sync properties with URL query strings.

Basic Usage

php

use Livewire\Attributes\Url;
use Livewire\Component;

class ProductList extends Component
{
    #[Url]
    public string $search = '';
    
    #[Url(as: 'page')]
    public int $currentPage = 1;
    
    #[Url(history: true)]
    public string $tab = 'overview';
}

URL Result

/products?search=laptop&page=2&tab=reviews

All articles

Keep reading

URL Query String Binding in Livewire v4

Sync component state with URL query parameters.

1 February 20261 min readLivewire اقرأ بالعربية

Livewire v4 can sync properties with URL query strings.

Basic Usage

php

use Livewire\Attributes\Url;
use Livewire\Component;

class ProductList extends Component
{
    #[Url]
    public string $search = '';
    
    #[Url(as: 'page')]
    public int $currentPage = 1;
    
    #[Url(history: true)]
    public string $tab = 'overview';
}

URL Result

/products?search=laptop&page=2&tab=reviews

All articles