useUrlState

通过 url query 来管理 state 的 Hook。

安装

npm i @vue-hooks-plus/use-url-state

代码演示

API

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	状态值	-

Source

源码 · 文档 · 示例