其他分享
首页 > 其他分享> > vue路由props传参

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
}

标签：传参,GDP,vue,props,type,icon
来源： https://www.cnblogs.com/linglongmi/p/16594099.html