javascript - 如何在下面的img src内部传递变量:<img alt =“头像” src =`https://graph.facebook.com/$ {snAvatarSnuid}/picture`>

我正在尝试在facebook.com/之后和/ picture之前的img src内部传递变量snAvatarSnuid，如下所示

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

注意：1）src的https://graph.facebook.com/和/picture部分保持相同，只是必须在两者之间添加snAvatarSnuid的值。
2）snAvatarSnuid在Vue组件的数据中定义

我哪里错了？我该如何解决？

最佳答案

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

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

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