
获得徽章 0
- Java 8 引入了一个十分实用的 Optional 类,它主要是为了解决空指针异常(NullPointerException)。评论2
- 关于Vite + Vue3 + vue-router4 动态路由问题
场景描述:
后端通过接口把组件路径给到前端,前端需要动态注入组件路由地址包括组件。
解决问题方法:
使用 import.meta.glob 可以引入多个模块具体代码如下:
const modules = import.meta.glob("views/**/**.vue");
使用 router.addRoute 方法将路由动态注入到路由中即可。
需要注意的是 import.meta.glob 方法读取出来的路径是引入多个组件的对象路径对象。
{
"views/Test/index.vue": {}
}
通过[]取值的方式取出对应的组件即可。
router.addRoute({
...item,
path: `/${item.path}`,
component: modules[`../../${item.component}`]
});展开13