vue路由传值与接收

方法一:使用this.$router.push({path:'需要跳转的路由路径',query:{id:id}})

this.$router.push(
    {
        path:'路由跳转路径',
        query:{id:id}
    }
)

参数接收,这里接收的是id,传过来的是什么值,就怎么接收

this.$route.query.id

方法二:使用this.$router.push({name:配置路由时候的name,params:{id:id}})

this.$router.push(
    {
        name:"路由设置的name"
        params:{id:id}
    }
)

参数接收

this.$route.params.id

使用query相当于是get请求,传过去的数值在地址栏中是可见的,params相当于是post,参数不会在地址栏中显示

query是使用path来跳转的,params根据name来跳转的

使用params传值，就必须使用name跳转，或者手动填写完整的带有参数的url，否则传过去的值是没有的

 

笔记：

this.$route——当前路由

this.$router.options.routes——所有路由