vue-admin-template 动态生成路由 (谁看谁会)import 填坑

每个人都有一颗不平凡的心

已于 2022-02-09 13:39:09 修改

阅读量1.3k

点赞数 2

分类专栏： vue 文章标签： vue

于 2020-04-19 02:11:39 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44614379/article/details/105609243

版权

1 篇文章

订阅专栏

本文探讨了在前端开发中动态生成路由时遇到的问题及解决方案，详细介绍了如何使用懒加载和异步组件来优化路由加载，提高应用性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

动态生成路由 import 不生效
在这里插入图片描述
这是后台返回的数据格式我们需要进行递归那么问题就来了
用import 列如

 component: () => import('@/views/${path}'),

根本不生效点击右侧菜单报错然后我是这样写的

在这里插入图片描述
这是我调用的那个方法

function getViews(path) {
  return resolve => {
    require.ensure([], (require) => {
      resolve(require('@/views/' + path + '.vue'))
    })
  }
}

这样就可以啦