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

解决办法

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

复制代码
:deep.el-input.el-input--default.el-input--suffix {
  // 固定宽度
  width: 200px !important;
}
相关推荐
摸鱼仙人~2 小时前
Vue 核心知识体系(大厂秋招方向)
前端·javascript·vue.js
ljt27249606612 小时前
Vue笔记--状态管理
前端·vue.js·笔记
mldong2 小时前
Node 开发者也有自己的轻量工作流引擎了:npm i 一行,5 分钟跑通一条审批流
javascript·后端·typescript
Larru-Sun2 小时前
Nginx + Vue Router 基础:SPA History 部署、反向代理与请求分流
运维·vue.js·nginx
多加点辣也没关系11 小时前
JavaScript|第31章:表单与控件
开发语言·javascript·ecmascript
Highcharts.js14 小时前
常见报错排雷指南2:导出失败的官方解法
javascript·react.js·ecmascript·highcharts·可视化图表·导出模块失败·导出服务
梦想平凡15 小时前
百游棋牌源代码开发搭建教程(五):房间创建、座位分配与请求幂等实现
前端·javascript·数据库·源代码管理
杨芋爽17 小时前
管理后台列表页为什么一直转圈?从一次 1+N 请求扇出聊聊前端性能优化
javascript
_山海17 小时前
Bun入门指南
前端·javascript·后端