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

якщо ви передаєте це з dataBase, спробуйте:

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