如何在我的 img src 中传递变量：

Question

我正在尝试在 facebook.com/ 之后和 /picture 之前的 img src 内传递一个变量snAvatarSnuid，如下所示<img alt="Avatar" src=`https://graph.facebook.com/${snAvatarSnuid}/picture`>注：1) https://graph.facebook.com/ & src 的 /picture 部分保持不变，只是需要在其间添加 snAvatarSnuid 的值。 2）snAvatarSnuid在Vue组件的data中定义我哪里错了？我该如何解决它？

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'>