解决：vue3+Element-plus中＜el-input＞中的prefix-icon图标不显示问题

wiry_碎碎念2023-03-25 15:19:54

安装@element-plus/icons-vue

npm i @elemnt-plus/icons-vue

全局引入icons

main.js文件引入icons

import * as ELIcons from '@element-plus/icons-vue'
const app = createApp(App)
for (let iconName in ELIcons) {
    app.component(iconName, ELIcons[iconName])
}

插槽使用prefix

      <el-input
        v-model="filterText"
        placeholder="输入关键字进行搜索"
      >
        <template #prefix>
          <el-icon>
            <Search />
          </el-icon>
        </template>
      </el-input>