vue3 element-plus 输入框 clearable属性聚焦时宽度会变化-CFANZ编程社区

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

工程与房产肖律师

阅读 62

2023-12-29

解决办法

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

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

相关推荐
罗蓁蓁
 element-plus教程：Input 输入框
罗蓁蓁 41 0 0
软件共享软件
 vue3使用element-plus
软件共享软件 50 0 0
快乐小鱼儿_9911
 element 在点击输入框(input)清空(clearable)按钮时需要触发事件
快乐小鱼儿_9911 133 0 0
那小那小
 Vue 实现输入框的聚焦
那小那小 101 0 0
开源GIS定制化开发方案
 vue3 element-plus 全局加载icon组件
开源GIS定制化开发方案 184 0 0
进击的铁雾
 element-plus 循环生成的多个input输入框如何校验
进击的铁雾 46 0 0
眼君
 html 单页面引用vue3和element-plus
眼君 26 0 0
是波波呀
 vue3 + element-plus + ts el-table封装
是波波呀 35 0 0
泠之屋
 Vue3 + Element-plus + TS —— 动态表格自由编辑
泠之屋 34 0 0
Ad大成
 Vue3 封装 element-plus 图标选择器
Ad大成 18 0 0

精彩评论（0）