项目场景:
在项目开发中会有这么一个需求:不同的角色对应的权限不一样也就意味着所展现的菜单也会不一致,因此我们需要实现一个动态路由,在这过程中遇到了一个棘手的问题,也就是标题所说的,特写本文作为记录
问题描述:
动态路由的添加需要基本的path、name以及component,如下:
path和name的添加没有问题,出现问题的是component这部分,当我使用这个写法的时候,调式控制台就报出了以下错误:
后面经过一番折腾改成了以下这种写法:
离谱啊!本来没抱任何希望的我,它居然成功了!!!
附上代码:
// component: () => import(`@/views/${itemm.name}`),
component: (resolve) => require([`@/views/${itemm.name}`], resolve),
但是问题又来了!这是为什么???有没有大佬给解释解释啊!!!
附加
如果上述方法不行可以尝试来自评论区飙哥的回复:
component: eval(`()=>import("@/view/${item.component}")`), 试试这样