Json 在VUE中显示一个图像，即'；它被托管在https上

我有一个json，看起来像这样：

    {
    "books": [
        {
            "name": "Lord of the rings",
            "author": 1,
            "year": 1937,
            "genre": 3,
            "imageUrl": "https://cdn.lifehack.org/wp-content/uploads/2015/03/9780618640157_custom-s6-c30.jpg",
            "availability": true
        }
}

<tr v-for="item in items.books" :key="item.name">
   <td>{{item.name}}</td>
   <td>{{item.author}}</td>
   <td>{{item.genre}}</td>
   <td><img :src="'{{'+item.imageUrl+'}}'"></td>
   <td>{{item.svailability}}</td>
</tr>

我正在尝试这样显示图像： 问题是没有显示图像，因为url类似于以下localhost:8080/https://.... 我的代码如下所示：

    {
    "books": [
        {
            "name": "Lord of the rings",
            "author": 1,
            "year": 1937,
            "genre": 3,
            "imageUrl": "https://cdn.lifehack.org/wp-content/uploads/2015/03/9780618640157_custom-s6-c30.jpg",
            "availability": true
        }
}

<tr v-for="item in items.books" :key="item.name">
   <td>{{item.name}}</td>
   <td>{{item.author}}</td>
   <td>{{item.genre}}</td>
   <td><img :src="'{{'+item.imageUrl+'}}'"></td>
   <td>{{item.svailability}}</td>
</tr>

{{item.name}
{{item.author}
{{item.genre}
{{item.svailability}}

---

有什么想法吗？

由于这没有向我们展示任何东西，您能用一些前端代码进一步说明吗

更新：

从括号

{{{{item.imageUrl+'}}}

中删除+就像

{{item.imageUrl}}

---

您有一个：在src中，请尝试正确的方法：

您能展示一下组件中的

标记是什么样子的吗？当然，我的错。是的，对不起，我忘了。{{item.name}{{item.author}{{item.genre}{{{item.svailability}}从括号中删除+{{{{{item.imageUrl+}类似于{{item.imageUrl}您在src中有一个：需要尝试它，但仍然不工作。Igor的版本可以工作，但感谢您的帮助。