vue 路由传参 、接收参数

传参组件

一、

<router-link :to='"/main/course?navName=" +item.columnName + "&id=" + item.columnId + "&cid=" + (item.cateSysId?item.cateSysId:-1)'></router-link>

接收参数

data(){

　　return{

　　　　titleName:this.$route.query.navName,

　　　　navName:this.$toute.query.navName,

　　　　id:this.$route.query.id,

　　　　cid:this.$route.query.cid

　　}

}

二、

注意：是name和params，其中name是router下index.js定义路由时的name

this.$router.push({
　　name: 'xxx',
　　params: {
　　　　a: 'xxx',
　　　　b: 'xxxx'
　　}
})

接收参数：this.$route.params.a

三、

this.$router.push({
　　path: 'xxx',
　　query: {
　　　　a: 'xxx',
　　　　b: 'xxxx'
　　}
})

接收参数：this.$route.query.a