laravel - 当我更改连接状态时，LiveWire 离线状态不起作用

Question

在此文档链接中，LiveWire我只是在header我们的 Web 应用程序中添加了这一行

<div wire:offline>
    You are now offline.
</div>

当我刷新页面时，它没有出现header，当我断开互联网连接时，与Aire plane mode我Windows期望看到的一样You are now offline.。但它没有任何变化，我通过刷新多个页面来检查。

这部分是LiveWire如何工作的？我有同样的问题，Polling例如：

<div wire:poll>
    Current time: {{ now() }}
</div>

不显示时间2s，必须刷新页面才能看到当前时间

标签： laravellaravel-livewire

Answer 1

Livewire 离线状态仅适用于 Livewire 组件。

创建组件：

php artisan livewire:make Offline

更新模板resources/views/livewire/offline.blade.php：

<div wire:offline>
  You are now offline.
</div>

用法：

<livewire:offline/>

您无需轮询即可使用此功能。

---

在 Google Chrome 开发人员工具中切换您的在线/离线状态，如下所示：