1.安装
npm install @element-plus/icons-vue
2.注册
在main.js中全局引入
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import * as ElIcons from '@element-plus/icons-vue'
const app = createApp(App)
for (const name in ElIcons){
app.component(name, ElIcons[name])
}
app.use(ElementPlus)
app.mount('#app')
3.正常使用
<el-icon :size="size" :color="color">
<search />
</el-icon>
4.动态使用
<el-icon :size="size" :color="color">
// 这里可以直接绑定变量
<component :is="'search'" />
</el-icon>