element plus el-select修改后缀图标

使用 element plus 提供的api 默认为:

修改后为:

方法:

html 复制代码
  <el-select v-model="value" placeholder="Select" size="large" style="width: 120px;"
                            :teleported="false" :suffix-icon="CaretBottom">
                            <el-option label="2022年" value="2022" />
                            <el-option label="2023年" value="2023" />
                            <el-option label="2024年" value="2024" />
                        </el-select>
javascript 复制代码
import { CaretBottom } from '@element-plus/icons-vue'

使用element plus自带的组件

相关推荐
咪库咪库咪9 分钟前
构建交互网站
前端
周星星日记11 分钟前
10.vue3中组件实现原理(上)
前端·vue.js·面试
小华同学ai12 分钟前
6.4K star!轻松搞定专业领域大模型推理,这个知识增强框架绝了!
前端·github
专业抄代码选手14 分钟前
【VUE】在vue中,Watcher与Dep的关系
前端·面试
Lazy_zheng18 分钟前
从 DOM 监听到 Canvas 绘制:一套完整的水印实现方案
前端·javascript·面试
尘寰ya20 分钟前
前端面试-微前端
前端·面试·职场和发展
蘑菇头爱平底锅21 分钟前
数字孪生-DTS-孪创城市-前端实现动态地铁分布线路图
前端·javascript·数据可视化
祯民25 分钟前
AI 时代前端进阶:10分钟入门基于 HuggingFace Transformers 库开源模型私有化部署
前端·aigc
驱动小百科41 分钟前
chrome无法访问此网站怎么回事 分享5种解决方法
前端·chrome·谷歌浏览器·谷歌浏览器无法访问此网站·无法访问此网站