データバインディングのVueのIMG SRCの使用は表示されません。

多くの人々は、このようなVUE質問の開発で遭遇:IMG SRC属性url変数バインディングが、画像の読み込みに失敗しました。

 

<IMG SRC = "{{imgUrl}}" />

理由:書き込みエラー

解決策:V-バインドを使用する必要があります

<IMG:SRC = "imgUrl" />

 

しかし、時にはまた、画像がロードされ、このようなアプローチは出てきません

理由:あなたのimgUrlパスのローカル画像を使用しているため。

解決方法1:静的のsrcフォルダの絵

ファイルのビルドパッケージフォルダの場所を変化させた後に、次のdistのファイルが、静的リソースディレクトリを公開するサーバーの完全な、すなわち静的フォルダのフォルダの静的:原則

解決方法2:直接画像符号化へ

imgUrl =必要( './資産/ logo.png')

このようなイメージは、プロジェクトパスで読み、それをフォルダに静的な静的ファイルの下で推奨されるように、このアプローチの柔軟性は、まだ非常に悪いので、CommonJSのみ、使用文字列リテラルに許可されるので、注意してくださいすることができます。

おすすめ

転載: www.cnblogs.com/xiseliuli/p/11887008.html