Element-plus el-input 添加图标

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

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>