[email protected]版本DatePicker单时间onPanelChange不触发

问题

  • 使用[email protected]版本时候发现使用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)

相关推荐
qq_5302451911 小时前
React 18/19 使用Ant Design全局弹窗message
前端·react.js·ant design·react 18
Jackson_Mseven12 小时前
如何从0到1搭建基于antd的monorepo库——使用rollup进行打包、lerna进行版本管理和发布(六)
前端·react.js·ant design
Jackson_Mseven1 天前
如何从0到1搭建基于antd的monorepo库——使用dumi进行文档展示(五)
前端·react.js·ant design
睡不着的可乐3 天前
Ant Design Vue 表格复杂数据合并单元格
前端·vue.js·ant design
Jackson_Mseven3 天前
如何从0到1搭建基于antd的monorepo库——实现JsonSchemaForm组件(三)
前端·react.js·ant design
反复的大魔王7 天前
Ant Design Vue的日历组件(Calendar)在中文语言包环境下设置以周日开始?
vue.js·ant design
windyrain15 天前
ant design pro 模版简化工具
前端·react.js·ant design
用户92904127685521 天前
使用Echarts的tree图完成一个组织架构图
ant design
leafnote1 个月前
【antd】Switch,0和1,怎么办?
前端·ant design
i建模1 个月前
Tauri+React+Ant Design跨平台开发环境搭建指南
前端框架·react·tauri·ant design·跨平台开发