抱歉，您的浏览器无法访问本站

本页面需要浏览器支持（启用）JavaScript


了解详情 >

vue3使用AntD图标不生效/vue报错emptyicon

Luna
编程前端Vue

发布于：Jul 23, 2021
次浏览

  vue3使用AntD的图标应该用其2.x版本而非1.x版本，然而AntD文档页面进去默认是1.x版本。那么就会不生效，并且报错empty icon。那么2.x版本应该怎么用呢？

  首先是1.x版本的用法：

1
<a-icon type="step-backward" />

  没啥好说的，直接用就完事了。

  2.x版本复制出的代码是这样的（右上角改版本）：

1
<StepBackwardOutlined />

  那光用就不行了，还得引入。

  首先import：

1
2
3
import {
  StepBackwardOutlined
} from "@ant-design/icons-vue";

  其次把它放到components中：

1
2
3
components: {
  StepBackwardOutlined
 }

  就可以用啦~

更新于：Jul 23, 2021

Vue

评论