elementUI 日期选择器DatePicker如何在切换type的时候清除弹出框的状态？

作者站长头像
站长
· 阅读数 16

elementUI 日期选择器DatePicker如何在切换type的时候清除弹出框的状态？项目中用到的DatePicker的一个封装组件，可以手动选择年月日

elementUI 日期选择器DatePicker如何在切换type的时候清除弹出框的状态？但是在这个日期下拉框弹出的时候，点击清除按钮，type 从Year/Month 切换回 Date ，重新打开日期弹出框会出现样式错位

elementUI 日期选择器DatePicker如何在切换type的时候清除弹出框的状态？看了CSS感觉像是点击清除按钮复位后，输入框的高度会认为是输入框 + 弹出框的高度，导致日历标志的 prefix-icon 跑到了弹出框中间……然后样式就错位了

请问一下有遇到类似情况的大佬吗，在不修改 el-date-picker 组件的情况下有办法解决这个问题吗

回复
1个回答
avatar
test
2024-07-15

给这个元素绑定一个 key 这个 key 就是你修改的日期组件类型就行。比如说这样：

<el-date-picker
  v-model="value"
  :type="datePickerType"
  :key="datePickerType"
  placeholder="请选择"
/>
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容