Html Vuetify从API合并分离的图像url

我正在尝试从API获取图像。在API中，API数据中有一个

poster_path

变量，我们这样说：

https://image.tmdb.org/t/p/w600_and_h900_bestv2/8kSerJrhrJWKLk1LViesGcnrUPE.jpg

“海报路径”：“/8kSerJrhrJWKLk1LViesGcnrUPE.jpg”

预URL是

https://image.tmdb.org/t/p/w600_and_h900_bestv2

我想合并pre-URL和

poster\u路径

，使其变成这样：

https://image.tmdb.org/t/p/w600_and_h900_bestv2/8kSerJrhrJWKLk1LViesGcnrUPE.jpg

所以我可以在我的网站上展示图片。但是我不知道如何使用Vuetify

v-img

或者只是简单的

img

标签。我尝试过类似的方法，但没有成功：

导出默认值{
道具：['id']，
数据：函数（）{
返回{
电影：空，
强制类型转换：null，
电影邮递员：``
}
},
方法：{
getData（）{
var=this
axios.get（）https://api.themoviedb.org/3/movie/“+this.id+”？api_key=my_key_here'）
.然后（功能（响应）{
that.movie=response.data
that.moviePosterSrc=response.data.poster\u路径
})
}
},
挂载：函数（）{
这是.getData（），
这个文件名为getImage（）
}
}

---

非常感谢

在这两种情况下，使用

src

属性。不要在HTML属性中使用大括号插值

{{}

，而是使用

v-bind:src

或简称

：src

绑定到属性：

对于

v-img

，唯一的更改是标签名：