Vue里如何用v-for展示长尾词列表？

本文共计945个文字，预计阅读时间需要4分钟。

目录：v-for循环遍历图片的方法及解决方法

方法一：使用v-for循环显示多个图片

+ 小扩展（使用require和import）

方法二：v-for循环遍历图片的方法

+ 解决项目时，遇到后台无法提供背景图片，需要自己在本地循环遍历到图片

目录

• v-for循环遍历图片的方法
• 解决方法如下
• vue循环显示多个图片
• 小扩展（require 和 import）

v-for循环遍历图片的方法

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

解决方法如下

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

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