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自带的组件

相关推荐
北辰alk3 小时前
Vue v-for 遍历对象顺序完全指南:从混乱到可控
vue.js
m0_471199633 小时前
【场景】如何快速接手一个前端项目
前端·vue.js·react.js
北辰alk3 小时前
Vue Router 中 route 和 router 的终极区别指南
vue.js
榴莲CC3 小时前
抗干扰LED数显屏驱动VK1624 数码管显示芯片 3线串行接口
前端
Tigger3 小时前
用 Vue 3 做了一套年会抽奖工具,顺便踩了些坑
前端·javascript·vue.js
天天扭码3 小时前
一文搞懂——React 19到底更新了什么
前端·react.js·前端框架
weixin_462446233 小时前
【原创】使用langchain与MCP 与 Chrome DevTools 打造可调用浏览器工具的 Chat Agent
前端·langchain·chrome devtools
OpenTiny社区3 小时前
OpenTiny 2025年度贡献者榜单正式公布~
前端·javascript·vue.js
OEC小胖胖4 小时前
08|Commit 阶段:副作用如何被组织、执行与约束
前端·react.js·前端框架·react·开源库
biubiubiu07064 小时前
Vue脚手架创建项目记录
javascript·vue.js·ecmascript