Vue3 router 默认加载 views 文件夹下全部vue文件

阅读 44

2022-03-11

import { createRouter, createWebHistory } from "vue-router";

const modules: any = import.meta.glob('../views/**/**.vue');
let routes: any = [];
if (modules) {
  for (const key in modules) {
    if (Object.prototype.hasOwnProperty.call(modules, key)) {
      let name = key.split('.vue')[0].split('/')[key.split('.vue')[0].split('/').length - 1];
      // home 从定向
      routes.push({
        path: `/${name == 'home' ? '' : name}`,
        name,
        meta: {
          title: name,
        },
        component: modules[key],
      });
    }
  }
}
// console.log(routes);
// 导出路由
export default createRouter({
  history: createWebHistory(),
  routes,
});

精彩评论(0)

0 0 举报