朱丽叶

导航

Vue+Vite动态注册组件

// Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模(导入views文件夹下的所有文件)
export const modules = import.meta.glob('../views/**/**.vue')


// 在需要动态添加组件的时候
const route: any = {
  path: menuList[i].url.replace('/', '-'),
  name: menuList[i].url.replace('/', '-'),
  component:modules[`../views/modules/${menuList[i].url}.vue`],
  meta: {
    menuId: menuList[i].menuId,
    title: menuList[i].name,
    isDynamic: true,
    isTab: true,
    iframeUrl: ''
  }
}

posted on 2022-06-14 23:49  朱丽叶  阅读(494)  评论(0)    收藏  举报