vue中router-view父子组件传值失败问题

发布时间：2023-07-06 16:42:48 修改时间：2023-07-06 16:42:48 阅读：1360 评论：0 0

父组件（index.vue）：


<router-view  :teamId="teamId"   @teamInfo="teamInfo" />

// 传值方式：:teamId="teamId"

// 接值方式：@teamInfo="teamInfo"

子组件（/userMagList）：


// 接收值

props:['teamId']

// 传值

this.$emit("teamInfo", array)

1、先是父子

重点： 既然是父子组件传值 必须满足父子组件的条件 也就是router-view加载的路由页必须是children里的子路由

router/index.js

{

  path: '/',

  component: Home,

  redirect: '/userMagList',

  children: [{

    path: '/userMagList',

    name: '用户管理',

    meta: {

      keepAlive: true,

      left: true,

      crumbs:false

    },

    component: resolve => require(['@/view/sysMag/userMag/list'], resolve)

  },

2、注意大小写

不多说

---