当我更改连接状态

Question

在LiveWire文档的this link中，我只是在Web应用程序的header中添加了这一行

<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的时间，而必须刷新页面以查看当前时间

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 开发者工具中切换您的在线/离线状态，如下所示：