Q3:路由之间如何传参

通过router-link路由导航跳转传递参数

1
2
<router-link to=`/a/${id}`>routerlink传参</router-link>

跳转时使用push方法拼接携带参数

1
2
3
4
this.$router.push({
path: `/getlist/${id}`,
})

通过路由属性中的name来确定匹配的路由,通过params来传递参数

1
2
3
4
5
6
7
this.$router.push({
name: 'Getlist',
params: {
id: id
}
})

使用path来匹配路由,然后通过query来传递参数

1
2
3
4
5
6
7
this.$router.push({
path: '/getlist',
query: {
id: id
}
})

params在地址栏中不显示参数,刷新页面,参数丢失,其余方法在地址栏中显示传递的参数,刷新页面,参数不丢失。