前言
刚进入头脑风暴的时候,就听了一次关于跨页面传参的分享,当时只知道是从一个页面把参数通过一个点击事件传入到另一个一页面中,具体怎么写代码,当时还不太会。现在具体需要用了,所以需要好好总结一下了。
query方式传参和接收参数
1.传递参数:
// 点击更多班课>查看更多班课的页面,将当前输入的参数传到更多头脑风暴页面中
toMoreCourse() {
var value = this.className;
this.$router.push({
name:'morecourse',
query:{
value:value
}
})
},
2.接收参数:
created(){
this.className = this.$route.query.value
this.searchByName(this.className)
}
params方式传参和接收参数
params和query传参差不多,把之前的query改为params即可。但是两者是有区别的:query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示。
总结
前端之路,刚刚开始。