vue 遍历目录下的文件，获取图片名并直接遍历渲染

使用场景：搭了个资源网站，想直接遍历显示当前图片目录下的所有图片，但是图片名字乱七八糟花里胡哨

举例说明获取目录下的文件名

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

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

实践

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


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

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

❀❀❀❀❀❀完结散花❀❀❀❀❀❀

Written ❤️ sywdebug.