javascript - vue が HTML に svg ファイルを導入する方法

Question

インターネットでは object 要素を使用できますが、404 が報告されるため、パスは間違いなく正しいです。

コード:

Answer 1

これを確認してください:
https://stackoverflow.com/que...

Answer 2

リソースは svg であるため、svg タグを使用して参照するのが最善です。これにより、svg のサイズ変更、塗りつぶしの色、および一連の svg 機能を設定できます。

引用方法は使用するローダーによって異なります:

html:

リーリー

ウェブパック:

リーリー

ローダーアドレス: https://github.com/kisenka/svg-sprite-loader
APIの詳細をご覧いただけます。

Answer 3

写真として使用した場合は、そのまま背景として使用できます
background-image: url('../../../static/icons/site.svg');