img url with vue.js

Question

Can someone help me with using the img tag with vue.js?

Per the vue.js documentation , I tried:

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

Here is my jsfiddle

Can someone help?

Answer 1

您需要删除双括号：

<img :src=imgURL>

Answer 2

尝试这个

<img v-bind:src=imgURL>

Answer 3

Above answers are both right but it doesn't really explains why the OP's making a mistake.

When you are using double brackets you are telling vue to do v-bind: so when you write v-bind and also use double brackets then you are double calling the same thus generating a mistaken behavior.

Short words: either use v-bind or double brackets {{ }}

Answer 4

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

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