[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)

相关推荐
学吧别真挂了1 个月前
Vue 3三大UI组件库全解析:从安装到实战
element·ant design·vant
qq_530245191 个月前
React 18/19 使用Ant Design全局弹窗message
前端·react.js·ant design·react 18
Jackson_Mseven1 个月前
如何从0到1搭建基于antd的monorepo库——使用rollup进行打包、lerna进行版本管理和发布(六)
前端·react.js·ant design
Jackson_Mseven1 个月前
如何从0到1搭建基于antd的monorepo库——使用dumi进行文档展示(五)
前端·react.js·ant design
睡不着的可乐1 个月前
Ant Design Vue 表格复杂数据合并单元格
前端·vue.js·ant design
Jackson_Mseven1 个月前
如何从0到1搭建基于antd的monorepo库——实现JsonSchemaForm组件(三)
前端·react.js·ant design
反复的大魔王1 个月前
Ant Design Vue的日历组件(Calendar)在中文语言包环境下设置以周日开始?
vue.js·ant design
windyrain2 个月前
ant design pro 模版简化工具
前端·react.js·ant design
用户9290412768552 个月前
使用Echarts的tree图完成一个组织架构图
ant design
leafnote2 个月前
【antd】Switch,0和1,怎么办?
前端·ant design