跳到内容

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.org.cn/useOnline
 * @param options
 */
export declare function useOnline(
  options?: ConfigurableWindow,
): Readonly<ShallowRef<boolean>>

源码

SourceDemoDocs

贡献者

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 支持,优化打包并清理 (#4349)

在 MIT 许可证下发布。