Как передать переменную внутри моего img sr c следующим образом: Аватар

Question

Я пытаюсь передать переменную snAvatarSnuid внутри img sr c после facebook.com/ и перед / изображением, как показано ниже

<img alt="Avatar" src=`https://graph.facebook.com/${snAvatarSnuid}/picture`>

Примечание: 1) https://graph.facebook.com/ & /picture часть sr c остается такой же, только значение snAvatarSnuid должно быть добавлено между ними. 2) snAvatarSnuid определяется в данных Vue компонента

где я ошибаюсь? как мне это решить?

Answer 1

Вы должны связать. Более того, вы должны правильно использовать кавычки:

<img alt="Avatar" :src="`https://graph.facebook.com/${snAvatarSnuid}/picture`">

Когда вы связываете атрибуты, все внутри кавычек будет рассматриваться как javascript.

Answer 2

Просто замените свои обратные наклоны на кавычки и заключите вашу переменную в двойные скобки:

<img alt="Avatar" src='https://graph.facebook.com/{{snAvatarSnuid}}/picture'>