vue读取文件夹下面的文件名称

最新推荐文章于 2024-08-25 14:21:41 发布

常威在打来福~

最新推荐文章于 2024-08-25 14:21:41 发布

阅读量1.2w

点赞数 7

分类专栏：婉约派

本文链接：https://blog.csdn.net/weixin_41166682/article/details/108602277

版权

婉约派专栏收录该内容

38 篇文章 1 订阅

订阅专栏

借鉴文章点击查看原文
详细文章这篇比较仔细

1.需求需要读取某个文件夹下面的所有文件名称，然后显示这些文件名称
2.在mounted中：

mounted() {
	const files = require.context('需要读取的文件路径', false, /.svg$/).keys();
	console.log(files)
}
// require.context('需要读取的文件路径', false, /.svg$/)
// require.context接收三个参数，第一个是文件路径，第二个是是否读取子文件。false不读取， 第三个参数
// 是个正则表达式： .svg匹配以.svg文件结尾的文件

在这里插入图片描述
import xx from ‘路径’ 如果路径是@/xxx/xxx 那么就是src下面的某某文件，如果直接是xxx/xxx那就会去node_modules里面找，比如： import Vue from ‘vue’ 这个vue路径就是从node_modules里面找的，其他的视情况而定。如有错误请指出，一起学习，一起进步