如何添加SVG图像来vuetify文本字段
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何添加SVG图像来vuetify文本字段相关的知识，希望对你有一定的参考价值。
我正在使用vuetify，并希望在文本字段的开头添加一个SVG图标。我知道你可以在v-icon之前添加或附加图标，但我想以类似的方式使用我自己的SVG图像。
答案
你可以阅读有关public path的信息
我强烈建议使用公共路径：
将你的svg图像添加到public/img/icons/test.svg。
使用像这个<img src="/img/icons/test.svg">这样的img标签指向svg位置。
如果你真的不想使用你的svg的公共路径，你可以使用这个加载器导入你的svg：https://github.com/visualfanatic/vue-svg-loader
以上是关于如何添加SVG图像来vuetify文本字段的主要内容，如果未能解决你的问题，请参考以下文章