import.meta.glob() 如何导入多个目录下的资源(最新推荐)

 更新时间:2023年11月22日 11:27:10   作者:十月ooOO  
import.meta.glob() 其实不仅能接收一个字符串,还可以接收一个字符串数组,就是匹配多个位置,本文给大家介绍import.meta.glob() 如何导入多个目录下的资源,感兴趣的朋友一起看看吧

import.meta.glob() 如何导入多个目录下的资源

刚开始用 vite,在做动态路由的时候遇到了这个问题,看到其它教程上都是只引用了一个目录层级的内容,比如这样:

let RouterModules = import.meta.glob("/src/view/*/*.vue")

那么如果我的目录是这样的,而我需要将这个目录下所有 .vue 都加载进来,如何实现呢?

在这里插入图片描述

答案

import.meta.glob() 其实不仅能接收一个字符串,还可以接收一个字符串数组,就是匹配多个位置。

我的就可以写成这样

let RouterModules = import.meta.glob(["/src/view/*/*.vue", "/src/view/*.vue"]);

到此这篇关于import.meta.glob() 如何导入多个目录下的资源(最新推荐)的文章就介绍到这了,更多相关import.meta.glob()导入资源内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue中使用微信公众号js-sdk踩坑记录

    vue中使用微信公众号js-sdk踩坑记录

    这篇文章主要介绍了vue中使用微信公众号js-sdk踩坑记录,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • vue3封装echarts图表数据无法渲染到页面问题

    vue3封装echarts图表数据无法渲染到页面问题

    这篇文章主要介绍了vue3封装echarts图表数据无法渲染到页面问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-09-09
  • Vue3监听属性与Computed的区别详解

    Vue3监听属性与Computed的区别详解

    在 Vue 3 中,watch 和 computed 都是非常重要的概念,它们都可以用于观察和响应数据的变化,但在使用场景和原理上存在明显的区别,本文将详细解析 Vue 3 中监听属性 (watch) 和计算属性 (computed) 的区别,需要的朋友可以参考下
    2024-02-02
  • vue elementui简易侧拉栏的使用小结

    vue elementui简易侧拉栏的使用小结

    这篇文章主要介绍了vue elementui简易侧拉栏的使用,增加了侧拉栏,目的是可以选择多条数据展示数据,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-06-06
  • vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native

    vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native

    今天小编就为大家分享一篇vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • vue等框架对Tabs、Moda等设置固定高度后没有滚动条问题

    vue等框架对Tabs、Moda等设置固定高度后没有滚动条问题

    这篇文章主要介绍了vue等框架对Tabs、Moda等设置固定高度后没有滚动条问题,解决方法很简单,只需要一行简短代码就可以解决,下面小编给大家详细讲解,需要的朋友可以参考下
    2023-05-05
  • 详解keep-alive + vuex 让缓存的页面灵活起来

    详解keep-alive + vuex 让缓存的页面灵活起来

    这篇文章主要介绍了keep-alive + vuex 让缓存的页面灵活起来,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 基于Vue3实现一个小相册详解

    基于Vue3实现一个小相册详解

    这篇文章主要为大家详细介绍了如何基于Vue3实现一个小相册效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-12-12
  • vue3时间戳转换(不使用过滤器)

    vue3时间戳转换(不使用过滤器)

    这篇文章主要介绍了vue3时间戳转换, vue2转换时间戳的时候一般使用过滤器的方式,到vue3之后,vue3移除了过滤器,就不能再用了,官方是推荐使用方法或者计算属性的方式。下面我们来看看详细介绍吧</P><P>
    2021-12-12
  • el-select如何获取下拉框选中label和value的值

    el-select如何获取下拉框选中label和value的值

    在开发业务场景中我们通常遇到一些奇怪的需求,例如el-select业务场景需要同时获取我们选中的label跟 value,下面这篇文章主要给大家介绍了关于el-select如何获取下拉框选中label和value的值,需要的朋友可以参考下
    2022-10-10

最新评论