img url with vue.js

Question

有人可以帮我使用vue.js的img标签吗？

根据vue.js documentation，我试过了：

<img v-bind:src={{ imgURL }}> //prints a null image

这是我的jsfiddle

有人可以帮忙吗？

Answer 1

您需要删除双括号：

<img :src=imgURL>

Answer 2

试试这个

<img v-bind:src=imgURL>

Answer 3

以上答案都是正确的，但它并没有真正解释为什么OP会犯错误。

当你使用双括号时，你告诉vue做v-bind：所以当你编写v-bind并使用双括号时，你会双重调用它，从而产生错误的行为。

简短的词：使用v-bind或双括号{{}}

Answer 4

也许您尝试从图像二进制代码打印图像

<img v-bind:src="'data:image/Bmp;base64,' + obj1.Obj2.propImage" />