wire:offline

특정 상황에서는 사용자가 현재 인터넷에 연결되어 있는지 아는 것이 도움이 될 수 있습니다.

예를 들어, Livewire로 블로깅 플랫폼을 구축했다면, 사용자가 오프라인 상태일 때 이를 어떤 방식으로든 알림으로써 Livewire가 데이터베이스에 저장할 수 없는 상태에서 전체 블로그 글을 작성하지 않도록 하고 싶을 수 있습니다.

Livewire는 wire:offline 지시어를 제공하여 이 작업을 매우 간단하게 만듭니다. Livewire 컴포넌트의 요소에 wire:offline을 부착하면, 해당 요소는 기본적으로 숨겨지며, Livewire가 네트워크 연결이 끊어져 사용할 수 없다고 감지할 때만 표시됩니다. 네트워크 연결이 다시 복구되면 다시 사라집니다.

예시:

<p class="alert alert-warning" wire:offline>
    이런, 기기의 연결이 끊어졌습니다. 현재 보고 있는 웹 페이지는 오프라인 상태입니다.
</p>