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

相关推荐
用户4582031531711 分钟前
CSS特异性:如何精准控制样式而不失控?
前端·css
用户516816614584131 分钟前
Vue Router 路由懒加载引发的生产页面白屏问题
vue.js·vue-router
libraG31 分钟前
Jenkins打包问题
前端·npm·jenkins
前端康师傅31 分钟前
JavaScript 作用域
前端·javascript
前端缘梦31 分钟前
Vue Keep-Alive 组件详解:优化性能与保留组件状态的终极指南
前端·vue.js·面试
我是天龙_绍40 分钟前
使用 TypeScript (TS) 结合 JSDoc
前端
云枫晖43 分钟前
JS核心知识-事件循环
前端·javascript
Simon_He44 分钟前
这次来点狠的:用 Vue 3 把 AI 的“碎片 Markdown”渲染得又快又稳(Monaco 实时更新 + Mermaid 渐进绘图)
前端·vue.js·markdown
eason_fan1 小时前
Git 大小写敏感性问题:一次组件重命名引发的CI构建失败
前端·javascript
无羡仙2 小时前
JavaScript 迭代器
前端