跳转的父页面(包含着search组件称之为父页面)下图:
this.$router.push({ name: 'jobwantedpositionList',query: {zspId: zspId,pageType:this.pageType,useType:this.useType}});
父页面获取路由传进来的值并赋值下图:
<search :pageType="pageType" :useType="useType" :key="useType"></search>
mounted() {
if(this.$route.query.zspId != null){
this.zspId = this.$route.query.zspId
}
if(this.$route.query.useType != null){
this.useType = this.$route.query.useType
}
if(this.$route.query.pageType != null){
this.pageType = this.$route.query.pageType
}
},
search页面使用props接受父页面传进来的值下图:
props: ['pageType','useType'],
methods: {
shuchu(){
console.log(this.pageType,this.useType);
}
},
解析:
如果<search :pageType="pageType" :useType="useType" :key="useType"></search>
去掉 :key="useType";在search页面console.log(this.pageType,this.useType)输出为空;