![](https://i-blog.csdnimg.cn/direct/026ae5316ffe4e4393327d4d6b6631f6.png)
根据官方文档来,我们需要先注册图标并应用到全局。
import { createApp } from "vue"
import App from "./App.vue"
const app = createApp(App) //创建VUE对象
import * as ElementPlusIconsVue from "@element-plus/icons-vue"
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}
ps:prefix-icon 是头部icon suffix-icon 是尾部icon
方法一:使用 prefix-icon
直接写icon 名字即可,因为咱全局应用了。
prefix-icon="search"
方法二:使用插槽
<template #prefix>
<el-icon><search /></el-icon>
</template>