vue3 element-plus自定义el-select后缀图标
项目场景:
提示:这里简述项目相关背景:
根据element-plus官网中给出的提示,el-select中有个suffix-icon的属性,可以自定义后缀图标,并且传入的类型有string和Component。
解决方案:
提示:这里填写该问题的具体解决方案:
1:创建一个图标组件
<template><div><img src="@/assets/images/selectIcon.jpg" alt="" /></div>
</template><script setup lang="ts">
</script>
<style scoped lang="less"></style>
2:引入使用
<template><el-select v-model="tagsVal" placeholder="请选择":suffix-icon="suffixIcon"><el-option v-for="item in tagList" :key="item.value" :label="item.text" :value="item.value" /></el-select>
</template><script setup>
import suffixIconfrom '@/components/suffixIcon.vue';
</script>