Skip to content

useRouteParams

反应式 route.params 的简写。

¥Shorthand for a reactive route.params. Available in the @vueuse/router add-on.

用法

¥Usage

ts
import { 
useRouteParams
} from '@vueuse/router'
const
userId
=
useRouteParams
('userId')
const
userId
=
useRouteParams
('userId', '-1') // or with a default value
const
userId
=
useRouteParams
('page', '1', {
transform
:
Number
}) // or transforming value
console
.
log
(
userId
.
value
) // route.params.userId
userId
.
value
= '100' // router.replace({ params: { userId: '100' } })