elementPlus使用el-icon

安装

# NPM
$ npm install @element-plus/icons-vue
# Yarn
$ yarn add @element-plus/icons-vue
# pnpm
$ pnpm install @element-plus/icons-vue

一、main.ts（全局注册）

import * as ElementIcons from '@element-plus/icons-vue'for (const key in ElementIcons) {app.component(key, (ElementIcons as any)[key])
}

• 单独用的时候

<el-icon><Edit /></el-icon>

• 传入变量名用

<el-icon><component :is="menu.meta?.icon"></component></el-icon>

二、局部注册

import { Bell } from '@element-plus/icons-vue'

• 使用

 <el-icon size="22" color="#fff"><Bell /></el-icon>