今天接触到了页面传参,下面是我的代码直接复制就可以
this.$router.push({
path: '/index_detail',
query: {
//在地址栏上显示参数
title: item.title,
}
})
this.$router.push({
name: 'index_detail',
params: {
//在地址栏上不显示参数
title: item.title,
}
})
接收参数的方法:
data(){
return{
detailTitle: this.$route.query.title,//query接收
detailTitle: this.$route.params.title,//params接收
}
},
补充 :传参数时有两种query和params,类似于get请求和post请求,query会把参数拼接到地址栏上,params不会,传参数时query相关路由属性为path,params为name。