技术栈

element plus el-select修改后缀图标

逆风优雅2024-08-09 21:59

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

上一篇:延时队列与redis and rabbitmq
下一篇:Bug 解决 | 前端无法正确请求后端接口并得到响应?
相关推荐
四岁半儿
2 小时前
常用css
前端·css
你的人类朋友
3 小时前
说说git的变基
前端·git·后端
姑苏洛言
3 小时前
网页作品惊艳亮相!这个浪浪山小妖怪网站太治愈了!
前端
字节逆旅
3 小时前
nvm 安装pnpm的异常解决
前端·npm
Jerry
3 小时前
Compose 从 View 系统迁移
前端
GIS之路
4 小时前
2025年 两院院士 增选有效候选人名单公布
前端
四岁半儿
4 小时前
vue,H5车牌弹框定制键盘包括新能源车牌
前端·vue.js
烛阴
4 小时前
告别繁琐的类型注解:TypeScript 类型推断完全指南
前端·javascript·typescript
gnip
4 小时前
工程项目中.env 文件原理
前端·javascript
JefferyXZF
4 小时前
Next.js Server Actions 详解: 无缝衔接前后端的革命性技术(八)
前端·全栈·next.js
热门推荐
01UV安装并设置国内源02DeepSeek更新!速览DeepSeek V3.1新特性03KGG转MP3工具|非KGM文件|解密音频04Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code05蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接06【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)07Claude Code VSCode集成开发指南:AI编程助手完整配置08Spring 调试终于不再痛苦了092025最新国内服务器可用docker源仓库地址大全(2025年8月更新)10NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南