wire:offline

您是视觉学习者吗?
通过我们深入的屏幕录制掌握 Livewire
立即观看

在某些情况下,让您的用户知道他们当前是否连接到互联网可能会有所帮助。

例如,如果您在 Livewire 上构建了一个博客平台,您可能希望以某种方式通知您的用户他们已离线,以便他们不会起草一篇完整的博客文章,而 Livewire 无法将其保存到数据库中。

Livewire 通过提供 wire:offline 指令使此变得微不足道。通过将 wire:offline 附加到 Livewire 组件中的元素,它将默认隐藏,并且仅在 Livewire 检测到网络连接已中断且不可用时才显示。然后,当网络重新连接时,它将再次消失。

例如

<p class="alert alert-warning" wire:offline>
Whoops, your device has lost connection. The web page you are viewing is offline.
</p>