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="">