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 分钟前
3. 从零搭建企业级 Monorepo 工程化模板:集成 Husky 9 + lint-staged
前端·架构
MetaLite16 分钟前
Java通用枚举驱动下拉框-元数据接口与前端契约
java·前端·状态模式
Json____18 分钟前
基于 Node + Vue3 的选课管理系统:从教务业务到全栈实践
前端·node·毕设·wwwoop.com
创新技术阁21 分钟前
FastapiAdmin 定时任务实现原理与新建任务实操指南
前端·后端·fastapi
3A Cloud24 分钟前
Huashu Design:把 AI Agent 变成一间以 HTML 为画布的设计工作室
前端·人工智能·html
你别说话了27 分钟前
Webpack 如何迁移重构到 Vite
前端·webpack·重构
catastrophe_zy30 分钟前
如何用 WebCodecs 在浏览器里实现高清录屏 —— 无插件、无水印、直接导出 MP4
前端·javascript·录屏
芳心粽伙饭33 分钟前
HTML第七章 表格标签
前端·html
我就是DaLing呀!33 分钟前
vue3 + 独立的数据管理 Store实现视频剪辑功能
前端·typescript·vue3·canvas·store
吃杠碰小鸡1 小时前
Wps常用功能介绍
前端·wps