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

1.问题如图

2.问题原因

element-plus 组件库 会动态改变宽度 github链接说明

3.解决办法

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

:deep.el-input.el-input--default.el-input--suffix {
  // 固定宽度
  width: 200px !important;
}