圖像網址與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" />