项目场景:

提示:这里简述项目相关背景:

根据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>

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐