最近在做vue3中项目的时候,结合element-plus使用icon组件中的SVG图标组件的时候,按照文档提示显示不出来,通过在git文档库踩坑发现,可以这么操作使用。

1.先安装组件

npm install @element-plus/icons

2.注册icon图标名称

 components:{
      Aim,
      //注册图标组件名称
  },

3.导入icon图标

import {Aim} from '@element-plus/icons'
//图标名称要大写,要使用驼峰命名法

4.使用icon图标

    <template #title>
              <el-icon>
                <aim />
            </el-icon>
            <span>账户管理</span>
     </template>

5.页面展示效果

 

Logo

前往低代码交流专区

更多推荐