1、query
this.$router.push({
path: '/home',
name: 'Home',
query: {
id: 001,
name: 'zhang'
}
})
query 传参可使用 path 和 name 引入(取其中任何一个即可,效果一样)
2、params
this.$router.push({
name: 'Home',
params: {
id: 001,
name: 'zhang'
}'
})
// 路由方式
{
path: '/home/:id/:name',
name: 'Home',
component: () => import('@/src/view/home.vue')
}
params 只能使用name引入
!!! 注意
使用 params 路由方式,则必须在path后添加参数, params 如果没有传参,跳转则会失败或者空白
如果使用 params 第一种方式,路由后没有/:id/:name(地址显示为 http://localhost:8080/home ),刷新后则params参数丢失