ant-design-vue@3.2版本DatePicker单时间onPanelChange不触发

问题

  • 使用ant-design-vue@3.2版本时候发现使用onPanelChange事件不触发导致一些自定义功能开发困难

解决

1、升级解决,升级到@4版本,问题已经修复 2、修改源码使用patch-package进行打补丁

找到出问题的源码文件 node_modules\ant-design-vue\es\vc-picker\Picker.js

看看更改后的效果

原因:下方进行了onPanelChange调用,但是前面没有props传递

但是直接修改源码不是完美解决,需要配合patch-package包进行补丁修复,在我们使用, npm i安装的时候会自动进行源码的修改。

1. 安装patch-package

npm i patch-package -D

2.执行patch命令

npx patch-package ant-design-vue 生成patches文件夹

3. 在package.json的script里面增加一段命令

"postinstall": "patch-package"

在其他人进行拉取代码使用npm i安装的时候也会同步的打补丁。

最后我们删除node_module重新安装构建测试结果。

如果使用pnpm的的话可以参考:使用pnpm的patch命令打补丁 - 掘金 (juejin.cn)

相关推荐
code_Bo3 天前
Ant Design Vue 日期选择器英文不变更中文问题
前端·vue.js·ant design
天蓝色的鱼鱼3 天前
Ant Design 6.0 正式发布:前端开发者的福音与革新
前端·react.js·ant design
Hilaku4 天前
🎉 Ant Design 6.0 来了!这一次它终于想通了什么?
前端·javascript·ant design
zombieJ4 天前
🎉 Ant Design 6.0 来了! 🎉
react.js·ant design
漠月瑾-西安15 天前
React 组件二次封装实践:解决自定义 Props 传递导致的 DOM 警告问题
typescript·ant design·react hooks·react组件封装
小李小李不讲道理22 天前
「Ant Design 组件库探索」五:Tabs组件
前端·react.js·ant design
今天头发还在吗1 个月前
React + Ant Design 日期选择器避免显示“Invalid Date“的解决方案
前端·react.js·前端框架·ant design
今天头发还在吗1 个月前
【React】TimePicker进阶:解决开始时间可大于结束时间的业务场景与禁止自动排版
javascript·react.js·ant design
颜酱2 个月前
基于Antd的SchemaForm 的表单复杂配置
前端·javascript·ant design
Fez7113 个月前
Momentjs对象可变性导致DatePicker异常(React+Antd)
react.js·ant design