プロパティとして渡されたオブジェクトからのURLを使用したイメージのバインド

Question

私はVue cliを使用しています。オブジェクトを親コンポーネントのプロパティとして子コンポーネントに渡しています。

これはこれは私が子コンポーネント内にバインドしようとしているイメージタグである（親コンポーネントではなく、小道具として渡さ）オブジェクトの一例である

{ 
     question: 'How many times is Jon stabbed when he is murdered at Castle Black?', 
     choices: ['1', '6', '9', '10'], 
     answer: '6', 
     imgUrl: './src/assets/0.jpg' 
    } 

。 questionIndexは、ユーザーが次の質問に移動したときに次の質問を表示できるようにするための番号です。

<img :src="questions[questionIndex].imgUrl"/> 

私は取得していますエラーは次のとおりです。 http://localhost:8080/src/assets/0.jpg 404（見つかりません）GET

私は画像を除いて罰金のすべてをレンダリングすることができますよ。私はそれがwebpackと何かを持っていると信じていますが、わかりません。私は同様のスレッドを見てみましたが、それらのすべては、vueインスタンスからデータとして渡された単一のイメージをレンダリングしようとしていました。私の場合は違うのですが。

私はトリビアコンポーネントをレンダリングしようとしています。オブジェクト（小道具）はAppコンポーネントから渡されています。

Answer 1

動的ファイルと画像が静的フォルダに格納された後、ルートのindex.html

./static/images/0.jpg