е" />
Вопрос:

Vue.js img src конкатенация переменных и текста

javascript vue.js vuejs2

53103 просмотра

3 ответа

613 Репутация автора

Я хочу объединить переменную 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">
Автор: ketom Источник Размещён: 26.10.2016 06:35

Ответы (3)


127 плюса

3594 Репутация автора

Решение

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

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

Или короткая версия:

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

Узнайте больше о динамических атрибутах в документах Vue .

Автор: Dan Mindru Размещён: 26.10.2016 12:08

26 плюса

784 Репутация автора

В другом случае я могу использовать шаблонный литерал ES6 с обратными галочками, поэтому для вас может быть установлено следующее:

<img v-bind:src="`${imgPreUrl()}img/logo.png`">
Автор: Ardhi Размещён: 13.07.2017 05:55

0 плюса

1 Репутация автора

просто попробуй

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

Автор: iliketofu Размещён: 15.04.2019 08:21
Вопросы из категории :
32x32