Vite 支持使用特殊的 import.meta.glob
函数从文件系统导入多个模块:
V2版本:
import.meta.globEager
动态加载图片
<img :src="getImage(item)" alt="">
const path = `/src/assets/image/${val.img}.png`
const modules = import.meta.globEager("/src/assets/image/*")
return modules[path].default;
动态路由
通过使用mport.meta.glob来去加载动态路由,根据后端返回去做循环处理。每个子路由都通过modules来去加载页面
const modules = import.meta.glob('../pages/**');
const routerList: any = {
path: '/',
name: 'layout',
redirect: '"/login",
component: modules[`../views/layout/index.vue`],
children: routers
};