VUE实现v-for循环遍历图片方法

写项目时，遇到后台无法提供背景图片，需要自己在本地循环遍历到页面上，并和后台数据一起展示的需求，解决方法如下:resourceList是后台传过来的数组对象，我们需要展示它的name，同时，在本地把图片按以下方式命名：使用:src动态获取图片属性，记住必须加require！！！使用模板字符串方法，将图片名和数字遍历出来，得以解决。附上一张效果图...

达顿瓦珠

9310人浏览 · 2021-06-24 15:00:32

达顿瓦珠 · 2021-06-24 15:00:32 发布

写项目时，遇到后台无法提供背景图片，需要自己在本地循环遍历到页面上，并和后台数据一起展示的需求，解决方法如下:

resourceList是后台传过来的数组对象，我们需要展示它的name，同时，在本地把图片按以下方式命名：

使用:src动态获取图片属性，记住必须加require！！！使用模板字符串方法，将图片名和数字遍历出来，得以解决。附上一张效果图

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^