params
- 只能使用命名的路由
- 地址栏不可见,请求类似 localhost:4396/user
- 在目标页面使用this.$route.params.id来获取
例:
router.push({
name: 'user',
params: {
id: 123
}
})
需要注意的是,使用params传值的话,目标页面刷新后就会丢失params的值。如果要保留的话,可在router.js中配置目标页面的path
例:
{
path: 'user/:id',
name: 'user',
meta: {
title: '参数'
},
component: () => import('@/views/argu.vue'),
}
query
- 可使用命名或path的路由
- 地址栏
不可见可见,请求类似 localhost:4396/user?id=3 - 在目标页面使用this.$route.query.id来获取
例:
router.push({
name: 'user',
query: {
id: 123
}
})
或
router.push({
path: '/user',
query: {
id: 123
}
})