传参组件
一、
<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