跳到内容

useRouteHash

类别
导出大小
380 B
@vueuse/router
上次更改
5 天前

route.hash 响应式简写。可在 @vueuse/router 附加组件中使用。

用法

ts
import { useRouteHash } from '@vueuse/router'

const search = useRouteHash()

console.log(search.value) // route.hash
search.value = 'foobar' // router.replace({ hash: 'foobar' })

类型声明

typescript
export declare function useRouteHash(
  defaultValue?: MaybeRefOrGetter<RouteHashValueRaw>,
  { mode, route, router }?: ReactiveRouteOptions,
): Ref<RouteHashValueRaw, RouteHashValueRaw>

源码

SourceDocs

贡献者

Anthony Fu
Anthony Fu
Antério Vieira
IlyaL
Lindsay Gaines
Dvir Hazout
Curt Grimes

更新日志

v12.8.0 于 2025/3/5
7432f - feat(types): 弃用 MaybeRefMaybeRefOrGetter,支持 Vue 的原生 (#4636)
v12.3.0 于 2025/1/2
59f75 - feat(toValue): 弃用 @vueuse/shared 中的 toValue,支持 Vue 的原生
v12.0.0-beta.1 于 2024/11/21
0a9ed - feat!: 移除 Vue 2 支持,优化捆绑包并清理 (#4349)
v11.0.0-beta.3 于 2024/8/14
965bf - fix(useRouteHash, useRouteParams, useRouteQuery): 修复 effect 多次触发的问题 (#4113)
v10.3.0 于 2023/7/30
0d02f - fix(router): 改进路由函数:同步值,添加测试,并优化性能 (#3184)
v10.2.0 于 2023/6/16
d5252 - fix(useRouteHash,useRouteQuery,useRouteParams): 立即重新评估值 (#3002)

在 MIT 许可证下发布。