vue 遍历图片渲染

原文链接：https://blog.csdn.net/sywdebug/article/details/120763271

举例说明获取目录下的文件名
新创建一个vue项目，获取views目录下的以.vue结尾的文件的文件名

mounted() {
//参数：1.路径；2.是否遍历子目录；3.正则表达式
const files = require.context("@/views", true, /\.vue$/).keys();
console.log(files);
},
1
2
3
4
5

 

 

 

实践
随便找了几个图，放在了assets下的img2里，随便命名，如果要把图片显示出来的话，直接v-for循环渲染是不行的，如图

 

 

因此写的时候，需要使用require将路径引起来

或者直接在js里面处理好，再使用v-for渲染