Я просто хотел только одно и только одно.
Я просто хочу реактивную недвижимость $ онлайн
Во всех моих вариантах Vue компонентов, чтобы сказать мне, если пользователь подключен к Интернету или нет.
Я знаю, я знаю, уже есть куча существующих VUE-Online
Пакеты, но … Нет, спасибо, мне не нужно дополнительные компоненты интерфейса в комплекте …
Так что я сделал Vue-online-rop
( NPM , Github )
Настраивать:
import VueOnlineProp from "vue-online-prop" Vue.use(VueOnlineProp)
Применение:
You are currently offline!
Тада.
Это все!
(Дополнительно) Как это сделано
Как проверить, есть ли я онлайн с JavaScript
Вы можете запросить подключение к Интернету через JavaScript, используя Navigator.online
и слушайте изменения в подключении с помощью онлайн
и не в сети
События на окне.
👉 MDN Docs On navigator.onLine
Создание плагина Vuejs
Этот плагин просто слушает онлайн
и не в сети
События на окне и устанавливают значение Navigator.online
к реактивной собственности Статус
управляемый плагином. Когда плагин установлен с помощью Vue.use (VueonlineProp)
, это добавляет Beforecreate
Микс, который будет связывать реактивное свойство Статус
к $ онлайн
свойство в каждом компонент. (👉 Вот код Несомненно
Оригинал: “https://dev.to/uilicious/vue-online-prop-am-i-online-a-tiny-vuejs-plugin-1kb-61p”