使用浏览器位置

响应式浏览器位置

注意：如果你正在使用 Vue Router，请改用由 Vue Router 提供的 useRoute。

示例

源码playground (beta)

输入和哈希值将更改：

trigger: load

使用方法

import { useBrowserLocation } from '@vueuse/core'

const location = useBrowserLocation()

组件用法

<UseBrowserLocation v-slot="location">
  浏览器位置: {{ location }}
</UseBrowserLocation>

类型声明

export interface UseBrowserLocationOptions extends ConfigurableWindow {}
export interface BrowserLocationState {
  readonly trigger: string
  readonly state?: any
  readonly length?: number
  readonly origin?: string
  hash?: string
  host?: string
  hostname?: string
  href?: string
  pathname?: string
  port?: string
  protocol?: string
  search?: string
}
export type UseBrowserLocationReturn = Ref<BrowserLocationState>
/**
 * Reactive browser location.
 *
 * @see https://vueuse.org/useBrowserLocation
 *
 * @__NO_SIDE_EFFECTS__
 */
export declare function useBrowserLocation(
  options?: UseBrowserLocationOptions,
): UseBrowserLocationReturn

源码

源码 • 演示 • 文档

贡献者

一纸忘忧

更新日志

没有最近的更新日志