vue路由props传参

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

传参数：

点击查看代码

{
     path: 'quarter-GDP',
     name: 'GDP',
     component: () => import('@/views/VisualChart/Modules/GDP'),
     meta: {
       id: '30101',
       title: 'GDP',
       icon: icon.quarterGDP,
     },
	 // 传参
     props: {
       type: 'quarter',
     },
},

在GDP.vue文件内接收参数：

点击查看代码

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