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

解决办法

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

:deep.el-input.el-input--default.el-input--suffix {
  // 固定宽度
  width: 200px !important;
}
相关推荐
晴空万里藏片云1 小时前
elment Table多级表头固定列后,合计行错位显示问题解决
前端·javascript·vue.js
奶球不是球1 小时前
el-button按钮的loading状态设置
前端·javascript
无责任此方_修行中3 小时前
每周见闻分享:杂谈AI取代程序员
javascript·资讯
dorabighead4 小时前
JavaScript 高级程序设计 读书笔记(第三章)
开发语言·javascript·ecmascript
林的快手6 小时前
CSS列表属性
前端·javascript·css·ajax·firefox·html5·safari
bug总结7 小时前
新学一个JavaScript 的 classList API
开发语言·javascript·ecmascript
网络安全-老纪7 小时前
网络安全-js安全知识点与XSS常用payloads
javascript·安全·web安全
yqcoder7 小时前
Express + MongoDB 实现在筛选时间段中用户名的模糊查询
java·前端·javascript
十八朵郁金香7 小时前
通俗易懂的DOM1级标准介绍
开发语言·前端·javascript
计算机-秋大田8 小时前
基于Spring Boot的兴顺物流管理系统设计与实现(LW+源码+讲解)
java·vue.js·spring boot·后端·spring·课程设计