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

解决办法

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

复制代码
:deep.el-input.el-input--default.el-input--suffix {
  // 固定宽度
  width: 200px !important;
}
相关推荐
m0_647057961 分钟前
uniapp使用rich-text流式 Markdown 换行问题与解决方案
前端·javascript·uni-app
摘星编程22 分钟前
OpenHarmony环境下React Native:Loading全屏加载遮罩
javascript·react native·react.js
Amumu121381 小时前
Vue Router 和 常用组件库
前端·javascript·vue.js
£漫步 云端彡1 小时前
Golang学习历程【第八篇 指针(pointer)】
javascript·学习·golang
爱内卷的学霸一枚1 小时前
现代前端工程化实践:从Vue到React的架构演进与性能优化(7000字深度解析)
前端·vue.js·react.js
极客小云1 小时前
【基于AI的自动商品试用系统:不仅仅是虚拟试衣!】
javascript·python·django·flask·github·pyqt·fastapi
一位搞嵌入式的 genius1 小时前
深入理解浏览器中的 JavaScript:BOM、DOM、网络与性能优化
前端·javascript·网络·性能优化
David凉宸1 小时前
Vue 3生态系统深度解析与最佳实践
前端·javascript·vue.js
BYSJMG1 小时前
大数据分析案例:基于大数据的肺癌数据分析与可视化系统
java·大数据·vue.js·python·mysql·数据分析·课程设计
Highcharts.js1 小时前
用 Highcharts如何创建一个音频图表
javascript·信息可视化·音视频·highcharts·音频图表