如何在我的 img src 中传递变量：<img alt="Avatar" src=`https://graph.facebook.com/${snAvatarSnuid}/picture`>

Question

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

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

注意：1) https://graph.facebook.com/ & /picture 部分 src 保持不变，只是必须在两者之间添加 snAvatarSnuid 的值。 2）snAvatarSnuid定义在vue组件的data

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

Answer 1

简单地用引号替换你的后倾并将你的变量括在双括号中：

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

Answer 2

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

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

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