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)

相关推荐
曲幽6 天前
FastApiAdmin 后端接口开发好了,前端管理界面怎么调用与显示?
python·vue3·api·fastapi·web·ant design·view·menu·frontend
ai超级个体20 天前
前端唯一的护城河?结合 AI 将字节组件库 Headless 化后的感想~
前端·react·ai编程·ant design·组件库·vibe coding
倒带人生23 天前
将 $confirm 对话框改为 a-modal 实现的通用技术方案
javascript·ant design
孜孜不倦不忘初心2 个月前
Ant Design Vue 表格组件空数据统一处理 踩坑
前端·vue.js·ant design
晚风予星3 个月前
不只看颜色了:Ant Design Token Lens 让非颜色 Token 和多主题预览也变得直观
react.js·visual studio code·ant design
简离3 个月前
Ant Design Form.Item 多元素场景踩坑指南:自定义onChange导致表单值同步失败解决方案
前端·ant design
加油乐5 个月前
react路由配置相关
前端·react.js·ant design
加油乐5 个月前
react使用Ant Design
前端·react.js·ant design
basestone5 个月前
🚀 从重复 CRUD 到工程化封装:我是如何设计 useTableList 统一列表逻辑的
javascript·react.js·ant design
beckyyy5 个月前
ant design vue Table根据数据合并单元格
前端·ant design