Vue3 - Element Plus 日期选择器DatePicker触发两次change事件问题,el-date-picker点击清空操作后change执行了2次(日期时间组件选中或删除已选出问题)

前言

其他组件也可参考,解决组件多次重复执行某个事件的情况。

在 vue3 + element-plus 项目开发中,使用 el-date-picker 日期时间选择器组件时,出现 @change 事件执行触发2次/甚至多次的问题(大概率出现在清空或选中操作上),点击时间日期 DatePicker 组件中的清空按钮change事件触发了两次,非常恶心的问题很难排查,本方案强力解决此问题,让change事件只触发一次恢复正常!

无论清空/选择德等任何操作,解决触发多次change的问题。


如下图所示,操作时change触发2次或多次问题,任何type类型都可以解决!

详细代码,保证搞定

Vue3 - Element Plus 日期选择器DatePicker触发两次change事件问题,el-date-picker点击清空操作后change执行了2次(日期时间组件选中或删除已选出问题)_第1张图片

解决方案

按照下方说明及示例代码,轻松搞定此问题。

你可能感兴趣的:(+,Vue3,element,plus,vue3,DatePicker,el-date-picker,日期选择器,时间选择器,清空选中后多次触发事件,change事件执行了多次限制)