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

标签 templates vuejs2 backticks

显然,我在这里遗漏了一些简单的东西。在模板中,我只是尝试向源自对象的图像文件名添加路径。我尝试了很多东西,回勾 mustache 等,但 Vue 不喜欢其中任何一个。如何正确格式化?

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


playerDetail.pic = "player_image.png"

最佳答案

像这样做

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

关于templates - Vue JS v-bind 图像 src 属性组合路径字符串与对象值不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44084102/

相关文章:

arrays - 数组初始化中的 Perl qx 执行顺序

angular2,文件应该以换行符和尾随空格结尾

awk - 使用 Awk 评估命令

c++ - 具有 bool 模板参数的成员函数的显式模板实例化

templates - 如何在 EmberJS 中呈现除 application.hbs 以外的模板?

vue.js - 浏览器 |如何在模块操作中提交全局突变?

javascript - 如何使用 Vue.js 在单击时更新特定的子元素?

c++ - 是否可以从构造函数自动推导出基类模板参数?

c++ - 如何在 C++ 中为模板类包含非成员运算符重载?

vue.js - 如何仅针对 v-for 循环中单击的项目触发元素可见性?