【elementui】el-date-picker日期选择框,获取焦点后宽度增加问题调整

问题

做了一个日期选择框,发现获取鼠标焦点后,日期框的宽度会增加一点,显示了一个取消的x符号。

失去焦点后,宽度又变回来了。页面晃来晃去不好看

解决

bash 复制代码
                <el-date-picker 
                  v-model="formData.judgmentDate" 
                  type="date" 
                  placeholder="请选择判决日期" 
                  style="width: 100%;"
                  value-format="YYYY-MM-DD"
                  format="YYYY-MM-DD"
                />

将其中的style="width: 100%;" 删除即可固定宽度。

相关推荐
爱问问题的小李8 小时前
ue 动态 Key 导致组件无限重置与 API 重复提交
前端·javascript·vue.js
m0_748229998 小时前
PHP+Vue打造实时聊天室
开发语言·vue.js·php
子兮曰8 小时前
深入Vue 3响应式系统:为什么嵌套对象修改后界面不更新?
前端·javascript·vue.js
CHU7290358 小时前
直播商城APP前端功能全景解析:打造沉浸式互动购物新体验
java·前端·小程序
枫叶丹48 小时前
【Qt开发】Qt界面优化(一)-> Qt样式表(QSS) 背景介绍
开发语言·前端·qt·系统架构
子兮曰15 小时前
OpenClaw入门:从零开始搭建你的私有化AI助手
前端·架构·github
吴仰晖15 小时前
使用github copliot chat的源码学习之Chromium Compositor
前端
1024小神15 小时前
github发布pages的几种状态记录
前端
不像程序员的程序媛17 小时前
Nginx日志切分
服务器·前端·nginx
北原_春希17 小时前
如何在Vue3项目中引入并使用Echarts图表
前端·javascript·echarts