【element-ui】el-date-picker 组件 type=“monthrange“ 选择时间段操作异常

生活、追梦者

已于 2025-03-21 18:45:24 修改

阅读量717

点赞数 3

CC 4.0 BY-SA版权

分类专栏：项目实战业务组件开发文章标签： ui vue.js 前端

于 2024-04-30 16:16:52 首次发布

本文链接：https://blog.csdn.net/weixin_45046532/article/details/137859881

文章讲述了element-ui的el-date-picker组件在处理月份区间选择时遇到的问题，无法清除上次选择值。作者通过设置key值变化实现组件重渲染，解决了这个问题。key在Vue中用于识别节点，确保组件正确更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

element-ui的 el-date-picker组件在选择月份区间时发了这么一个bug。在选择起始月份后关闭了选择面板，再次打开后上次选择的值还存在

但是看了所有的属性和方法都没有发现可以清除上次选择的值，也在网上各种搜索没找到解决办法，经过各种办法处理后得到了最简单处理方式,就是利用 key 值的变化重新渲染组件

<el-date-picker
  :key="monthrangeKey"
  v-if="formJson.formValue.ReportType === 2"
  v-model="formJson.formValue.CallDate"
  type="monthrange"
  :clearable=

最低0.47元/天解锁文章

200万优质内容无限畅学