vue3 element-plus自定义el-select后缀图标

根据element-plus官网中给出的提示，el-select中有个suffix-icon的属性，可以自定义后缀图标，并且传入的类型有string和Component。

1.先准备一个子组件，用于需要传入的图标：

组件：IconDropDown.vue

<template>
  <img src="@/assets/images/base/button-search.png" alt="" />
</template>

2.在需要使用的组件中引入即可

<template>
  <el-select v-model="queryParams.exceptionType" placeholder="选择工作状态" :suffix-icon="IconDropDown">
    <el-option label="正常" value="0"></el-option>
    <el-option label="异常" value="1"></el-option>
  </el-select>
</template>

<script setup>
import IconDropDown from '@/components/IconDropDown.vue';
</script>

参考文档：

element-plus自定义el-select后缀图标_el-select suffix-icon-CSDN博客