Vue.js img src объединяет переменную и текст

Я хочу объединить переменную 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">

В атрибутах нельзя использовать завитушки (теги усов). Для объединения данных используйте следующее:

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