<img>でオンザエラーが発生していませんか？

Question

VueJSを使用してフロントエンドをコード化していますが、画像を読み込むときにタグに問題があります。

Template 
<div class="items" transition="fade" v-for="item in list"> 
    <img :src="item.logoPath" @error="replaceByDefault"> 
</div> 

JS(ES6) 
export default { 
    methods: { 
     replaceByDefault(e) { 
      // code here to replace image by default 
     } 
    } 

    template: require('./template.html') 
} 

現在、私はreplaceByDefault関数でデバッグしましたが、この関数には実行されません。どうしてか分かりません？

この問題の説明を教えてください。ありがとう！

Answer 1

この問題を誰もが読んでくれてありがとう、私はこの問題を解決しました:)。

{item}オブジェクトの 'logoPath'プロパティが存在しないため、vueJSの '：src'がバインドされておらず、imageのsrcが存在するため、 >上のエラーは動作しません:)

私は同様の問題に遭遇した私の悪い:(

Answer 2

は、私の解決策は、次のコードスニペットですが、私はこのソリューションは確かに最高ではないですけど、もしあなたの状況私のような非常に緊急です、あなたは次のソリューションを使用することができます一緒にもっと良い解決策を探してみましょう

<img onerror="javascript:this.src='error.png'">