Skip to content

useOnline

反应式在线状态。useNetwork 的封装纸。

¥Reactive online state. A wrapper of useNetwork

示例

Disconnect your network to see changes
Status: Online

用法

¥Usage

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

const online = useOnline()

组件用法

¥Component Usage

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

类型声明

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

源代码

源代码示例文档

变更日志

No recent changes

VueUse 中文网 - 粤ICP备13048890号