1.通过在router里面配置好参数名id,在页面中用拼接的方式传值
router文件里面配置id
{
path: '/PopUp/:id',
component: PopUp,
name: '会员信息详情',
icon: 'icon-navicon-jylstj',
hidden: true,
meta: {
keepAlive: false // 此组件需要被缓存
}
},
上级页面怎么传id
this.$router.push({path: `/PopUp/${id}`})
跳转的页面怎么获取id
return {
id: this.$route.params.id
}
2.通过在上级页面传值,不需要在router文件传值
上级页面怎么传id
this.$router.push({path: '/PopUp', query: {id: id}})
<router-link :to="'/newcontent?Id='+key"> {{item}}</router-link>
跳转的页面怎么获取id
this.route.query.id
3.通过在上级页面传值,不需要在router文件传值,通过name值来跳转跟传值
this.router.push({name:'home',params:{id:id}})
跳转的页面怎么获取id
return {
id: this.$route.params.id
}