Переход без перезагрузки в Livewire
Пусть на сайте есть список постов и отдельная страница создания записи. Ссылка со списка на форму каждый раз гасит экран: шапка и меню мигают, хотя человек лишь перешёл в соседний раздел того же приложения.
Атрибут wire:navigate
на обычной ссылке просит
Livewire подгрузить следующую
страницу и подменить
содержимое без полного
обновления документа.
Адрес в строке браузера
меняется, а оболочка
остаётся на месте.
Давайте заведём два маршрута:
<?php
Route::get('/posts', function () {
return view('posts');
});
Route::get('/posts/create', function () {
return view('posts-create');
});
?>
Давайте на странице списка выведем заголовок и ссылку на форму с навигацией:
<x-layout>
<h1>Posts</h1>
<a href="/posts/create" wire:navigate>
Create
</a>
</x-layout>
Давайте на странице формы сделаем обратную ссылку тем же способом:
<x-layout>
<h1>Create post</h1>
<a href="/posts" wire:navigate>
Back
</a>
</x-layout>
Сделайте страницы
/employees
и /employees/create.
Ссылка между ними
не перезагружает весь сайт.