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

解决办法

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

复制代码
:deep.el-input.el-input--default.el-input--suffix {
  // 固定宽度
  width: 200px !important;
}
相关推荐
前端Hardy几秒前
HTML&CSS:超丝滑的动态导航菜单
javascript·css·html
前端Hardy7 分钟前
HTML&CSS:你绝对没见过的input输入框,确定不看看吗
javascript·css·html
前端Hardy8 分钟前
HTML&CSS:不一样的开关效果
javascript·css·html
清灵xmf27 分钟前
Vue 3 自定义权限指令 v-action
前端·javascript·vue.js·自定义指令
web_Hsir31 分钟前
Uniapp 实现微信小程序滑动面板功能详解
vue.js·微信小程序·uni-app
-代号95271 小时前
【JavaScript】十三、事件监听与事件类型
开发语言·javascript·ecmascript
阳树阳树2 小时前
signal-新的状态管理模式
前端·javascript
爱摄影的程序猿2 小时前
如何基于 Django-Vue-Admin 快速二次开发?高效后台管理系统实战指南(附完整代码)
vue.js·python·django
前端极客探险家3 小时前
如何实现一个支持拖拽排序的组件:React 和 Vue 版
前端·vue.js·react.js·排序算法
__不想说话__3 小时前
面试官问我React组件和state的关系,我指了指路口的红绿灯…
前端·javascript·react.js