Ant Design Vue icon 图标的使用方法

先看官方文档
直接点击Outlined栏相应的图标会自动将图标名称复制到你的剪切板上,这里我们点击一个类似菜单的图标：

通常我们会这样去使用：

1

<a-icon type="menu-fold-outlined"></a-icon>

但是并不会显示出来

正确的用法应该是：我们在调用的时候标签要去掉分类词

标签去除Oulined、TwoTone、Filled,首字母小写，后续大写字母转小写并加-

所以刚刚的那个标签应该这么用：

1

<a-icon type="menu-fold"></a-icon>

官方下面文档上没见到有提示，这里写给大家避避坑。

当然更高级的用法使用的时候也可以像官方文档写的一样，通过components传值：这样可以不用去掉‘分类词’直接用了。