vue 动态加载路由时，如何处理组件-我爱编程

vue 动态加载路由时，如何处理组件

使用vue cli3.x创建项目，登录之后，使用router.addRoutes(routers)方法动态添加后端传过来的权限配置文件时，如何处理组件的加载？
因为后台传过来的component是一个字符串，例如：

{
  path:"/home",
  name:"home",
  meta: {title: 'xxx},
  component:"./views/page/home"
}

而我们需要的是：

{
    path: '/home',
    name: 'home',
    meta: {title: 'xxx},
    component: () =&gt;  import('./views/page/home') 
},

最简单的处理方式是：

let component = () =&gt; import('@/views/'+`${path}`)

因为import里面直接写变量会报错，所以需要使用模板字符串的方法，另外需要将'@/views/'写成固定的，直接写${path}或者@/${path}，webpack都有可能无法识别，所以后端的配置文件，component数据可以直接传@/views/之后的路径

免责申明：本站发布的内容（图片、视频和文字）以转载和分享为主，文章观点不代表本站立场，如涉及侵权请联系站长邮箱：xbc-online@qq.com进行反馈，一经查实，将立刻删除涉嫌侵权内容。