跳到主要內容

useOnline

類別
導出大小
900 B
上次變更
6 個月前

響應式線上狀態。 useNetwork 的封裝器。

示範

斷開網路連線以查看變更
狀態: 線上

用法

js
import { useOnline } from '@vueuse/core'

const online = useOnline()

元件用法

此函數也透過 @vueuse/components 套件提供無渲染元件版本。 了解更多關於用法

vue
<template>
  <UseOnline v-slot="{ isOnline }">
    Is Online: {{ isOnline }}
  </UseOnline>
</template>

類型宣告

typescript
/**
 * Reactive online state.
 *
 * @see https://vueuse.dev.org.tw/useOnline
 * @param options
 */
export declare function useOnline(
  options?: ConfigurableWindow,
): Readonly<ShallowRef<boolean>>

原始碼

原始碼示範文件

貢獻者

Anthony Fu
Anthony Fu
vaakian X
Mike Jules
wheat
Alex Kozack
Antério Vieira

更新日誌

v12.0.0-beta.1 於 2024/11/21
0a9ed - feat!: 移除 Vue 2 支援,優化 bundle 並清理 (#4349)

根據 MIT 許可證發布。