vue-router传参

1.params params传参

跳转:
this.$router.push({ name: 'news', params: { userId: 123 }})
接收:
this.$route.params.name  (在页面刷新的时候就会消失)

2.router-link query传参

跳转
跳转

this.$router.push({ path: 'news', query: { userId: 123 }})
接收
this.$route.query.name

3.路由传参

//?问号的意思是该参数不是必传项
//多个参数用/:id连接
this.$router.push({
          path: `/describe/${id}`,
})

对应路由下配置
{
     path: '/describe/:id?',
     name: 'Describe',
     component: Describe
 }
问号代表不是必填项
接收
页面刷新不消失,可以在路由配置中设置参数
$route.params.id

你可能感兴趣的:(vue-router传参)