根据官方文档来，我们需要先注册图标并应用到全局。

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>