РЕПЕТИТОР математика физика информатика
Для школьников и студентов. Подтягивание пробелов. ЦЭ, ЦТ, ОГЭ, ЕГЭ.
Идет набор на ЛЕТО. Жмите для подробностей:)
⊗pplwSpNvVs 54 of 102 menu
◀ ▶

Переход без перезагрузки в 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. Ссылка между ними не перезагружает весь сайт.

← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить