vue路由内props传参

219 阅读1分钟

路由配置时通过props传的参数,在该组件内可以直接通过props接收

传参数:

{
     path: 'quarter',
     name: 'Quarter',
     component: () => import('@/views/Modules/Quarter'),
     meta: {
       id: 'Q30101',
       title: '标题',
       icon: icon.quarter,
     },
    // 传参
     props: {
       type: 'quarter',
     },
},

在Quarter文件内接收参数:

props: {
    // 该type名保持和传参时的名字一致
    type: String
}