Рубрики
Без рубрики

Vue-Online-rop – я в сети? Крошечный плагин Vuejs (<1kb).

Я просто хотел только одну вещь и только одну вещь .. Теги от Vue, UX, Showdev, JavaScript.

Я просто хотел только одно и только одно.

Я просто хочу реактивную недвижимость $ онлайн Во всех моих вариантах 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”