编程式导航:点击时跳转并传参:
name+query
name+params
path+query
path不可和params搭配传参,会不生效。
this.$router.push({
path: "/jianhuren",
query: {
type: "student",
},
});
this.$router.push({
name : 'xiangqing',
params :{
id :xxx,
title :xXX
}
})
this.$router.push({
name : 'xiangqing',
query:{
id :xxx,
title :xXX
}
})
this.$router.forward()//前进
this.$router.back()//后退
this.$router.go()//可前进也可后退
声明式导航:
<router-link :to="{name:'home', query: {msg:'欢迎'}}">登录</router-link>
<router-link to="/find/?name=鸣人">发现音乐</router-link>
导航到的另一个页面取参:
this.$route.query.id
this.$route.params.id