图像网址与vue.js

Question

有人可以帮助我使用img标签与vue.js？

每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-绑定：所以当你写的V绑定，还可以使用双括号，那么你是双呼叫同一从而产生错误的行为。

短的话：无论是使用V-绑定或双括号{{}}

Answer 4

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

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