前端遍历list,通过url传递参数错误

<div v-repeat="item in list">
  <img src="loadFile/image?name={{item}}"></img>
</div>

浏览器报错

GET http://localhost:8080/test/loadFile/image?name={{item}} 400()

这是什么情况,搞不明白

遍历不是v-for吗?


<img :src="`loadFile/image?name=${item}`"></img>

补充一下,我的图片能正常加载出来,比如我遍历十张图片,都能加载出来,控制台就是报一个这样的错误

img不是单标签吗 而且vue中的循环不是v-for吗

    <div v-for="(item,index) in list" :key="index">
      <img src="loadFile/image?name=" +item />
    </div>

应该是vue.js版本对应不上,你用的指令是vue0.11和0.12版本的,1.0开始都是v-for标签

    <div v-for="(item,index) in list" :key="index">
      <img :src="'loadFile/image?name=' + item" />
    </div>

另外看看你的这个list数据格式,推测是你的数据结构可能有问题,可以贴出来看看