Vue JS v-bind 图像 src 属性将路径字符串与对象值相结合不起作用

Question

显然我在这里缺少一些简单的东西。在模板内，我只是尝试添加来自对象的图像文件名的路径。我尝试了很多东西，比如胡子等等，但 Vue 不喜欢其中任何一个。我该如何正确格式化它？

<img class="img-fluid" v-bind:src="assets/img/" {{playerDetail.pic}} alt="">


playerDetail.pic = "player_image.png"

Answer 1

像这样做

img class="img-fluid" v-bind:src="'assets/img/' + playerDetail.pic" alt="">