vue路由传参

64 阅读1分钟

一、params传参(显示参数)

子路由:

{
    path:"/child/:id"
    components:Child
}

声明式:

< router-link :to="/child/a">

编程式:

this.$route.push({

path:'/child/${id}'

})
接收:this.$route.params.id

二、params传参(不显示参数)

声明式:

< router-link :to="{name:'yongrur',params:{id:123}}">

编程式:

this.$route.push({

params:{id:123},
name:'Child'

})
接收:this.$route.params.id

三、query传参(显示参数)

声明式:

< router-link :to="{name:'yongrur',query:{id:123}}">

编程式:

this.$route.push({

query:{id:123},
name:'Child'

})
接收:this.$route.query.id