javascript - 如何在以下 : 中的 img src 中传递变量

Question

我试图在 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组件的data

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

Answer 1

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

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

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