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)

相关推荐
袋鼠云数栈UED团队1 个月前
浅谈数栈产品里的 Descriptions 组件
前端·react.js·ant design
自白1 个月前
关于我是如何二次开发了 antd-vue 的a-range-picker组件,同时还添加了 vscod智能提示这件事
vue.js·visual studio code·ant design
袋鼠云数栈UED团队3 个月前
在 React 项目中 Editable Table 的实现
前端·react.js·ant design
孟宪磊mxl3 个月前
Element Plus& Ant Design(react) 表格的分页封装
vue.js·react.js·ant design·editplus
程序员也要学好英语3 个月前
搭建 react + antd 技术栈的测试框架
react.js·jest·ant design
Point3 个月前
[源码分析] Antd-RC-Notification
前端·源码阅读·ant design
Wxh161444 个月前
Ant Design 自定义组件空状态速记
前端·javascript·ant design
不喝酒不会写代码5 个月前
react使用antd-useWatch的坑(react太难了)
react.js·ant design
花笙_5 个月前
antd form表单赋值Switch不生效
前端·ant design