Javascript 如何在img src中传递变量，如下所示：<；img alt="；阿凡达“；src=`https://graph.facebook.com/${snAvatarSnuid}/picture`>；

我正试图在img src中的facebook.com/之后和/picture之前传递一个变量

snAvatarSnuid

，如下所示

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

注：1）

https://graph.facebook.com/

&

/picture

src的一部分保持不变，只需在两者之间添加

snavatarnuid

的值。 2）

snavatarnuid

在Vue组件的数据中定义

---

我错在哪里？如何解决这个问题？

只需用引号替换背部倾斜，并将变量括在双括号中：

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

---

您必须绑定。此外，您必须以适当的方式使用引号：

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

---

绑定属性时，引号内的所有内容都将被视为javascript。

在这种情况下，您需要动态绑定源代码。使用：src而不是src.trued:src=

https://graph.facebook.com/${snAvatarSnuid}/picture

，无法检查路径/src是否正确。snavatarnuid的值是多少？