Vue.js img src连接变量和文本

我想将Vue.js变量与图片网址连接起来。

我计算了什么：

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

您不能在属性中使用curlies（小胡子标签）。使用以下内容连接数据：

<img v-bind:src="imgPreUrl + 'img/logo.png'">

或简称：

<img :src="imgPreUrl + 'img/logo.png'">

在Vue文档中阅读有关动态属性的更多信息。

在另一种情况下，我可以将模板文字ES6与反引号配合使用，因此对于您来说，可以将其设置为：

<img v-bind:src="`${imgPreUrl()}img/logo.png`">

试一试

<img :src="require(`${imgPreUrl}img/logo.png`)">

如果您从数据库处理此问题，请尝试：

<img :src="baseUrl + 'path/path' + obj.key +'.png'">