Vue路由传参

注意取参数都是router,router是整个VueRouter

方案一

 this.$router.push({
      path: '/user/123',
})
//对应配置
 {
     path: '/user/:id',
     name: 'User',
     component: User
 }
//取参数
this.$route.params.id

方案二

利用路由的name属性

this.$router.push({
          name: 'User',
          params: {
            id: id
          }
        })
//这里可以添加:/id也可以不添加,添加数据会在url后面显示,不添加数据就不会显示
  {
     path: '/describe',
     name: 'Describe',
     component: Describe
   }
//取参数
this.$route.params.id

方案三

this.$router.push({
          path: '/user',
          query: {
            id: id
          }
        })
//配置
  {
     path: '/describe',
     name: 'Describe',
     component: Describe
   }
//取参数
this.$route.query.id
全部评论

相关推荐

hso_:哈哈哈哈哈哈我没offer一样在同一道题开喷了
投递深圳同为数码等公司10个岗位
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
11-13 11:05
点赞 评论 收藏
分享
点赞 1 评论
分享
牛客网
牛客企业服务