v-for遍历图片不显示

使用v-for遍历数据，图片路径正确，但是图片就是不显示出来，太奇怪了。没有使用插值表达式，是使用动态属性的；

本地图片需要这个样子写

<img :src="require(${item.avatar})">

你在审查元素的时候，找到这个图片元素，然后把它的src属性复制，新开一个tab页，如果能打开这个图片就说明路径确实没问题。

帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/7770886
你也可以参考下这篇文章：v-for 无法遍历数据，不执行循环
除此之外, 这篇博客: v-for指令 - 列表渲染中的 遍历数组对象 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

vue允许数组中存放对象，通过 . 来访问其属性进行遍历。

HTML:
<div id="app">
  <ul>
    <li v-for="list in list">{{ list.name }}</li>
  </ul>
</div>

vue：
var vm = new Vue({
  el:'#app',
  data:{
    list:[
      {name:"小王",age:20},
      {name:"小李",age:30},
      {name:"小张",age:40}
    ]
  },
})

在这里插入图片描述

v-for遍历 图片不显示

v-for遍历图片不显示