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 suffixIcon from '@/components/suffixIcon.vue';
</script>
更多推荐

所有评论(0)