getComponent

getComponent组件

import { Message } from 'element-ui';
const GetComponent = (path, name, component, title) => {
	let mata = {};
	try {
		if (title instanceof Object) {
			meta = title;
		} else {
			var obj = JSON.parse(title);
			if (typeof obj == 'object' && obj) {
				meta = { ...obj };
			}else {
				Message.error('路由Meta信息错误');
			}
		}
	}catch (error) {
		meta.name = title
	}
	return {
		path: path,
		component: component,
		name: name,
		meta
	}
}
export default GetComponent 

使用

将home组件放在index页面中

const routes = [
	{
		path: '/',
		name: 'home',
		component: () => import('../views/index.vue'),
		redirect: '/Home',
		children: [
			GetComponent('Home', 'Home', () => import('../views/Home/index.vue'), {name: '首页', icon: ''}),
		]
	}
]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值