Question

它不起作用。为什么呢？

<img v-if="item.foto.src" v-bind:src="item.foto.src" width="{{item.foto.width}}" height="{{item.foto.height}}" />

虽然显示图像，但这会导致浏览器出错

   <img v-if="item.foto.src" src="/{{item.foto.src}}" width="{{item.foto.width}}" height="{{item.foto.height}}" />

％7B％7Bitem.foto.src％7D％7D 404（未找到）

Answer 1

第一个不会产生404（如果路径正确，你错过了/），第二个就不会产生。{/ p>

你需要这样做：

<img :src="'/' + item.foto.src">