技术栈

vue3 element-plus 输入框 clearable属性 聚焦时宽度会变化

余道各努力,千里自同风2023-12-25 2:01

解决办法

因为你的代码中el-input是没有宽度的, 所以实际渲染出来的 el-input宽度 = 原生input宽度 + 前缀图标宽度 + 后缀图标宽度。 可以写css固定el-input宽度来处理。

复制代码
:deep.el-input.el-input--default.el-input--suffix {
  // 固定宽度
  width: 200px !important;
}
上一篇:矩阵的转置
下一篇:5. 行为模式 - 备忘录模式
相关推荐
烛阴
28 分钟前
Babel 完全上手指南:从零开始解锁现代 JavaScript 开发的超能力!
前端·javascript
CN-Dust
1 小时前
[FMZ][JS]第一个回测程序--让时间轴跑起来
javascript
盛夏绽放
1 小时前
Vue3 中 Excel 导出的性能优化与实战指南
vue.js·excel
全宝
2 小时前
🎨前端实现文字渐变的三种方式
前端·javascript·css
yanlele
3 小时前
前端面试第 75 期 - 2025.07.06 更新前端面试问题总结(12道题)
前端·javascript·面试
妮妮喔妮
3 小时前
【无标题】
开发语言·前端·javascript
fie8889
3 小时前
浅谈几种js设计模式
开发语言·javascript·设计模式
巴巴_羊
4 小时前
React Ref使用
前端·javascript·react.js
徊忆羽菲
4 小时前
Echarts3D柱状图-圆柱体-文字在柱体上垂直显示的实现方法
javascript·ecmascript·echarts
轻语呢喃
5 小时前
JavaScript :字符串模板——优雅编程的基石
前端·javascript·后端
热门推荐
01GPU 进阶笔记(二):华为昇腾 910B GPU02Coze实战第13讲:飞书多维表格读取+豆包生图模型,轻松批量生成短剧封面03Coze扣子平台完整体验和实践(附国内和国际版对比)04MIUI显示/隐藏5G开关的方法,信号弱时开启手机Wifi通话方法05手机电脑之间快速传输图片视频文件,不压缩画质、不限制大小的方法!06扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解072024年 最新 iPhone手机 历代机型、屏幕尺寸、纵横比、分辨率 整理08华为昇腾 910B 部署 DeepSeek-R1 蒸馏系列模型详细指南09DeepSeek各版本说明与优缺点分析10扣子空间的使用教程与大模型技术思考