vue 传参三张方式

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
    }