我想将 Vue.js 变量与图像 URL 连接起来。
我计算的:
imgPreUrl : function() {
if (androidBuild) return "android_asset/www/";
else return "";
}
如果我为 android 构建:
<img src="/android_asset/www/img/logo.png">
否则
<img src="img/logo.png">
如何将计算变量与 URL 连接起来?
我试过了:
<img src="{{imgPreUrl}}img/logo.png">
最佳答案
您不能在属性中使用 curl ( mustache 标签)。使用以下内容连接数据:
<img v-bind:src="imgPreUrl + 'img/logo.png'">
或者简短的版本:
<img :src="imgPreUrl + 'img/logo.png'">
在 Vue docs 中阅读有关动态属性的更多信息.
关于javascript - Vue.js img src 连接变量和文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40255291/