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

相关推荐
前端菜鸟日常10 分钟前
为啥vue3设计不直接用toRefs,而是reactive+toRefs
vue.js
一路向前的月光25 分钟前
react(9)-redux
前端·javascript·react.js
大数据追光猿1 小时前
Python中的Flask深入认知&搭建前端页面?
前端·css·python·前端框架·flask·html5
莫忘初心丶1 小时前
python flask 使用教程 快速搭建一个 Web 应用
前端·python·flask
xw51 小时前
Trae初体验
前端·trae
横冲直撞de1 小时前
前端接收后端19位数字参数,精度丢失的问题
前端
我是哈哈hh1 小时前
【JavaScript进阶】作用域&解构&箭头函数
开发语言·前端·javascript·html
摸鱼大侠想挣钱1 小时前
ActiveX控件
前端
谢尔登1 小时前
Vue 和 React 响应式的区别
前端·vue.js·react.js
后端小肥肠1 小时前
【AI编程】Java程序员如何用Cursor 3小时搞定CAS单点登录前端集成
前端·后端·cursor