2021-05-27

query要用path来引入，params要用name来引入，接收参数都是类似的

params只能用name来引入路由

1）父组件通过name来匹配
this.$router.push({
name: ‘Describe’,
params: {
id: id
}
})

     2)相应路由配置：
             {
                  path: '/describe/:id',
                  name: 'Describe',
                  component: Describe
              }
     3)子组件接收是通过：
             this.$route.params.id

注意:params传递参数时,相应的路由配置path要更改 , 不然刷新页面会发现参数不见了

query要用path来引入

父组件：this.$router.push({
path: ‘/describe’,
query: {
id: id
}
})

路由设置：
                {
                     path: '/describe',
                     name: 'Describe',
                     component: Describe
                 }

 子组件接收参数：  
         this. $route.query.id

注意：接收参数是 $route …

————————————————
版权声明：本文为优快云博主「菜鸟果冻110」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/weixin_43358852/article/details/82984603