2017-02-02 5 views
0

動作しません。どうして?Vue 1.0 src binding

<img v-if="item.foto.src" v-bind:src="item.foto.src" width="{{item.foto.width}}" height="{{item.foto.height}}" /> 

画像を

<img v-if="item.foto.src" src="/{{item.foto.src}}" width="{{item.foto.width}}" height="{{item.foto.height}}" /> 

% 7B%7Bitem.foto.srcの%の7D%7D 404(見つかりません)

+0

可能性のある重複した[Vue.jsダイナミックなイメージが動作していません](http://stackoverflow.com/questions/40491506/vue-js-dynamic-images-動作していません) – Saurabh

答えて

0

最初に表示されているが、これは、ブラウザにエラーが発生404が生成されません(パスが正しい場合は/が欠落しています)。

あなたがする必要があるでしょう:の

<img :src="'/' + item.foto.src"> 
+0

動作していません。 '' –

+0

この回答はうまくいくはずですが、webpackを使用してwebpack経由で画像を提供している場合は、問題が発生する可能性があります。 –