-
入门
-
基础
-
特性
-
HTML 指令
-
概念
-
高级
-
软件包
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>
在此页面上