路由传参的两种方式
1.param
给将要跳转到的路由加占位
{ path:"/search/:keyword", component:Search, meta:{ show:true } },
goSearch(){ this.$router.push("/search/" + this.keyword) }
2.query
goSearch(){
this.$router.push("/search/?keyword=" + this.keyword)
}
获取query参数
<h1>{{$route.query.keyword}}</h1>
开发中一般用对象写法：
goSearch(){
this.$router.push({
name:"search",
query:{
keyword : this.keyword
}
})
}
当然要给路由加上name属性
{
path:"/search",
name:"search",
component:Search,
meta:{
show:true
}
},