首页 > 其他分享 >vue 遍历图片渲染

vue 遍历图片渲染

时间:2022-09-29 08:45:21浏览次数:55  
标签:files 遍历 views require 渲染 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渲染

 

标签:files,遍历,views,require,渲染,vue
From: https://www.cnblogs.com/fswhq/p/16736749.html

相关文章