Vue.js 使用nuxt/pwa的脱机通知

我目前正在查看为nuxt/pwa项目创建脱机指示的选项。从现在起，应用程序完全离线运行，但我想做的是在没有连接时推送一个小通知，说一些简单的话，比如“您当前处于离线状态”。

---

我可以看到有多种方法可以做到这一点，比如直接在默认布局中编写事件侦听器，但我的问题是，对于nuxt设置，哪种方法最合适、最可靠。

我认为您不需要编写自己的事件侦听器，因为这似乎已经由nuxt负责了。网络状态似乎可以通过

$numxt

助手的

isOnline

和

isofline

属性访问。看看这个例子：

$nuxt/

我还没有与此合作，但我认为这可能是你正在寻找的

---

注意：请确保复制整个链接，因为stackoverflow会在

/$numxt

处将其切断，回答得很好！谢谢你的帮助我很乐意帮忙0)