我目前正在尝试在vue组件中使用svg精灵,但我根本无法让它工作。我现在谷歌搜索几个小时,但找不到有效的解决方案。我已经尝试将svg-loader添加到webpack配置中,但没有任何作用。我只想做的就是:
<svg><use xlink:href="../assets/fa-regular.svg#bars"/></svg>
但我总是为'fa-regular.svg'获得404。我错过了什么?我甚至不知道从哪里开始。这是一个vue-loader问题吗? Webpack问题?
也许某人遇到了类似的问题。
此致
答案 0 :(得分:0)
来自https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href
SVG 2删除了对xlink命名空间的需求,因此你应该使用href代替xlink:href。
所以试试这个:
<svg><use href="../assets/fa-regular.svg#bars"/></svg>