vue.js - 使用 nuxt/pwa 进行离线通知

标签 vue.js nuxt.js progressive-web-apps

我目前正在研究为 nuxt/pwa 项目创建离线指示的选项。从此刻起,应用程序完全离线运行,但我想做的是在没有连接时推送一个小通知,说一些简单的内容,例如“您当前离线”。 我可以看到有多种方法可以做到这一点,例如直接在默认布局中编写事件监听器,但我的问题是哪一种最适合 nuxt 设置且最可靠。

最佳答案

我认为你不需要编写自己的事件监听器,因为这似乎已经由 nuxt 处理好了。网络状态似乎可以通过 $nuxt 访问助手的isOnlineisOffline特性。看看这个例子:

https://nuxtjs.org/api/ $nuxt/

我还没有使用过这个,但我想这可能就是你正在寻找的。

注意:请确保复制整个链接,因为 stackoverflow 将其在 /$nuxt 处截断。 .

关于vue.js - 使用 nuxt/pwa 进行离线通知,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61598183/

相关文章:

javascript - Vue.js block 重复表行在 IE 中不起作用

javascript - Vue.js + Webpack 请求多个不正确的资源 URL

javascript - 在 Vue.js 中绑定(bind)数组项

javascript - Vue.js 显示隐藏带有数据列表的多个元素

javascript - 在外部浏览器中从 FB 应用程序打开 PWA

javascript - 如何将 PWA 重定向到新服务器

vue.js - 语法错误 : Unexpected token export when using lodash with Nuxt

javascript - 如何在 nuxt.js 上从子组件获取值到父组件?

vue.js - Nuxtjs : Vue packages version mismatch: vue@3. 2.22 和 vue-server-renderer@2.6.14

google-chrome - 如何防止 Service Worker 安装在浏览器(chrome)中?