在vue单个文件组件中。我导入svg文件,如下所示:
import A from 'a.svg'
然后如何在组件中使用A?
如何将svg文件导入Vue组件?
您始终可以将其另存为.svg文件/static/svg/myfile.svg
(使用webpack),而仅将其用作图像文件:<img src="/static/svg/myfile.svg">
。无需/导入/加载程序。
在vue单个文件组件中。我导入svg文件,如下所示:
import A from 'a.svg'
然后如何在组件中使用A?
您始终可以将其另存为.svg文件/static/svg/myfile.svg
(使用webpack),而仅将其用作图像文件:<img src="/static/svg/myfile.svg">
。无需/导入/加载程序。
我喜欢将pug用作模板引擎(具有很多优点)-如果这样做,您只需编写以下代码就可以轻松包含SVG这样的文件:
而已!没有别的事情可做-我认为这是一种包含诸如较小的svg之类的东西的非常简便的方法-文件中容易包含的代码仍然很干净!
在这里您可以获得更多信息,如何在您的Vue实例中包含PugJS https://www.npmjs.com/package/vue-cli-plugin-pug