使用Vuetify创建自定义图标
tn2000
我正在尝试使用Vuetify v-icon创建自定义图标：我遵循文档，但对我不起作用。
我用svg代码创建一个组件：HomeIcon.vue
vuetify.js看起来像这样：
3）现在我正在尝试在我的组件中使用它： 
- 但是结果是：
Mostafa Rahmati
我认为，如果您更改vuetify.js文件中的代码，它应该可以正常工作。另一个技巧是，如果有明显的图标，总是在主题后添加图标。
将代码更改为此：
import icon from "icon.vue";
export default new Vuetify({
theme,
icons: {
values: {
icon: {
component: icon,
},
},
},
});
您也可以通过执行$ icon而不是$ vuetify.icons.icon来创建快捷方式。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何仅使用CSS创建自定义聊天图标
- 2
如何使用mapplace.js创建自定义图标
- 3
如何创建自定义字体图标？
- 4
创建自定义列表图标 css
- 5
对HTML按钮使用自定义图标
- 6
对HTML按钮使用自定义图标
- 7
无法创建自定义vuetify主题颜色
- 8
如何使用毕加索为Google标记自定义图标创建语音气泡边框？
- 9
无法使用自定义图像在Android Studio上创建通知图标
- 10
使用自定义数据和布局属性以编程方式创建图标
- 11
如何使用自定义上下文菜单创建桌面图标
- 12
使用自定义视图创建自定义通知
- 13
在Bootstrap 3上创建自定义Glyphicons图标/字体
- 14
如何为操作栏创建自定义图标？
- 15
如何为UIBarButton创建自定义图标？
- 16
如何创建我自己的自定义图标 18.04
- 17
如何自定义“可创建”上的“x”图标？
- 18
从 CSS 中的图像创建自定义图标
- 19
QFileSystemModel自定义图标？
- 20
UIBarButtonItem自定义图标
- 21
Wirecloud图标自定义
- 22
UIBarButtonItem自定义图标
- 23
使用CSS创建自定义形状
- 24
使用javafx创建自定义树
- 25
使用AngularJS创建自定义属性
- 26
使用Mgo创建自定义ID
- 27
使用FOSUserBundle创建自定义字段
- 28
使用Stradi创建自定义API
- 29
使用Stradi创建自定义API
我来说两句