传递参数主要有两种类型:params
和query
params的类型:
- 配置路由格式:/router/:id
- 传递的方式: 在path后面跟上对应的值
- 传递后形成的路径: /router/123, /router/abc
query的类型:
-
配置路由格式:/router,也就是普通配置
-
传递的方式:对象中使用query的key作为传递方式
-
传递后形成路径: /router?id=123, /router?id=abc
<router-link :to="{path: '/profile', query: {name: 'zhang', age: 20, height: 1.78}}">文件</router-link>
profileClick() {
this.$router.push({
path: '/profile',
query: {
name: 'zhang',
ahe: 20,
height: 1.78
}
})
}