Question

我正在尝试使用VueJS在我的index.html中填充照片。我正在使用iTunes API，返回链接正在将URL返回图像。

我的问题是，我无法渲染照片。 item是一个对象。

我试图做到这一点。但是，这会导致整个网页无法显示（全白）。因此，那是完全错误的。最初，v-bind：src =指向我的文件夹中的图像。但是我正在尝试动态获取URL。

<div class="col-sm-4" style='max-width:200px;margin-right: 30px'>
    <img style='width: 120%; display: inline; ' v-bind:src="{{ item.artworkUrl100 }}">
</div>

执行此操作时，实际上可以在网页上看到其余数据。但是，该图像没有显示。

<div class="col-sm-4" style='max-width:200px;margin-right: 30px'>
     {{ item.artworkUrl100 }}
</div>

我不确定如何使用VueJS语法将图像动态地嵌入到我的网站中。

Answer 1

删除{{ }}

<img style='width: 120%; display: inline; ' v-bind:src="item.artworkUrl100">

无法使用VueJS渲染图像

1 个答案: