如何添加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文本字段的主要内容,如果未能解决你的问题,请参考以下文章