vue获取本地文件夹中所有的图标/片,渲染页面列表

 const path = require("path");
     //读取文件的路径 是否遍历文件的子目录 匹配文件正则表达式
     const files = require.context("@/assets/serve", false, /\.(png|jpg|gif|jpeg|webp|ico)$/);
     //files(key).default拿到该模块的vue对象
     files.keys().forEach(key => {
       const name = path.basename(key);
       const a = { url: require("@/assets/serve/" + name), name: name }
       this.serviceImg.push(a)
     });

在created中写入js代码,获取本地图标/片列表,渲染页面