src屬性綁定出錯？

01-11

vue的for循環中使用以下代碼：
&
vue馬上就警告：
[Vue warn]: src="{{value.ImagePathes[0]}}": interpolation in "src" attribute will cause a 404 request. Use v-bind:src instead. at js/vue_v1.0.12.js:986

謝謝vue大好人，我改成這樣：
v-bind:src="{{value.ImagePathes[0]}}"
Vue馬上就這樣：
[Vue warn]: v-bind:src="{{value.ImagePathes[0]}}": attribute interpolation is not allowed in Vue.js directives and special attributes. at js/vue_v1.0.12.js:986
好吧，我去求助谷歌：
有人也這樣子，不過沒人鳥他：

有人說改成這樣：
&
結果不行，
so why?

這個問題我也遇到了，你可以用如下的方法試一下：不要用{{}}

v-bind:src="value.ImagePaths[0]"

& 親測可用

--&>

親測個人用這種方法

& data(){ return{ src:require("../../images/pledge.png"), } }

& data(){ return{ data:"./imgs/xx.png" } }

&& Kooteam辦公 &

這樣寫啊

實測 & 是可以的，需要加上$data

{"URL":require("../../assets/bg_pattern.png")}

額，試用了以上幾種方法，發現這樣可以：&"+model.img" :alt="model.name" :title="model.name" /&>

親測，以上方法都不行哭死在電腦前

&<img style="width:10em;" v-bind:src=" "&/www/admin/barcode/barcode.php?text= " + val.order_id " alt="barcode" /&>

假如index是個for循環里的變數，裡面有4個元素可以使用數組語法 v-bind:data-target="["#item"+index]" 渲染結果： data-target="#item0" data-target="#item1" data-target="#item2" data-target="#item3"

下面都可以【親測】

額，上面所有的方法都試了，還是不行呀

兩種寫法：

如果是指令綁定 v-bind:src="value.ImagePathes[0]" 指令的值是不需要加{{}}

如果你想用{{}}，則寫為 src=""{{value.ImagePathes[0]}} 其結果一樣

我正在碰到這個問題

我也遇到了類似問題，用v-attr不行

我的是 src="/files/{{ items.photo[$index]}}"這樣的綁值

請問下樓主，你最後找到解決方法了嗎？

遇見過，按照樓上的改動好用了。

占坑，等進一步了解了vue的機制再來回答。