Vue.js img src concaténer la variable et le texte

Je veux concaténer la variable Vue.js avec l'URL de l'image.

Ce que j'ai calculé:

imgPreUrl : function() {
    if (androidBuild) return "android_asset/www/";
    else return "";
}

Si je construis pour Android:

<img src="/android_asset/www/img/logo.png">

Autre

<img src="img/logo.png">

Comment puis-je concaténer la variable calculée avec l'URL?

Je l'ai essayé:

<img src="{{imgPreUrl}}img/logo.png">

Vous ne pouvez pas utiliser de curlies (balises moustache) dans les attributs. Utilisez ce qui suit pour concater des données:

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

Ou la version courte:

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

En savoir plus sur les attributs dynamiques dans la documentation Vue .

Dans un autre cas, je suis capable d'utiliser le modèle littéral ES6 avec des backticks, donc pour le vôtre pourrait être défini comme:

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

essaie juste

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

si vous gérez cela depuis dataBase, essayez:

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