VueHook PlususeUrlState
通过 url query 来管理 state 的 Hook。
代码演示
API
const state = useUrlState(defaultState, {
localStorageKey: 'localStorageKey',
routerPushFn,
})
interface UseUrlStateOptions {
localStorageKey?: string
}
const state = useUrlState(defaultState, {
localStorageKey: 'localStorageKey',
routerPushFn,
})
interface UseUrlStateOptions {
localStorageKey?: string
}
Params
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| initialState | 默认值 | S | () => S | - |
| options | 设置localStorageKey的话，若 url 没有参数，会使用存在 localStorage 的值 | UseUrlStateOptions | - |
| routerPushFn | 一般来说，传 vue-router 的 router.push方法就行 | function | - |
Result
| 参数 | 说明 | 类型 |
|---|---|---|
| state | 状态值 | - |