Директива wire:cloak

wire:cloak — это директива, которая скрывает элементы при загрузке страницы до полной инициализации Livewire. Это полезно для предотвращения «мигания нестилизованного контента», которое может произойти при загрузке страницы до инициализации Livewire.

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

Чтобы использовать wire:cloak, добавьте директиву к любому элементу, который нужно скрыть во время загрузки страницы:

<div wire:cloak>
    Этот контент будет скрыт до полной загрузки Livewire
</div>

Динамический контент

wire:cloak особенно полезен в сценариях, где вы хотите предотвратить показ неинициализированного динамического контента, например элементов, показываемых или скрываемых с помощью wire:show.

<div>
    <div wire:show="starred" wire:cloak>
        <!-- Жёлтая иконка звезды... -->
    </div>

    <div wire:show="!starred" wire:cloak>
        <!-- Серая иконка звезды... -->
    </div>
</div>

В приведённом примере без wire:cloak обе иконки были бы показаны до инициализации Livewire. Однако с wire:cloak оба элемента будут скрыты до инициализации.

Справочник

wire:cloak

Эта директива не имеет модификаторов.