我目前正在使用 Vue Cli 生成一个包含 ionic 和 ionicon 库的项目。
包.json
"@ionic/core": "^4.11.7",
"@ionic/pwa-elements": "^1.4.1",
"@ionic/vue": "0.0.9",
"ionicons": "^4.6.3",
我正在尝试向我的项目添加自定义图标。我正在关注 Ionic 文档https://ionicons.com/usage，其中指出为了添加自定义 SVG 图标，必须采取以下步骤：
要使用自定义 SVG，请在 src 属性中提供其 URL 以请求外部 SVG 文件。src 属性的工作原理与 URL 必须可从发出图像请求的网页访问相同。此外，外部文件只能是有效的 SVG，并且不允许在 SVG 元素中包含脚本或事件。
我已按照示例进行操作，但未加载图标。我发现的相同案例场景的另一个示例是以下https://golb.hplar.ch/2018/01/Custom-SVG-icons-in-Ionic.html。按照这个示例，我尝试直接在 src 中添加图标的 SVG 代码。这似乎有效，但出于组织目的，如果我可以将文件路径传递给组件，我会发现它更方便。