antd的时间选择器a-month-picker,本地和生产正常,在测试环境无效的解决

(一)描述:项目里用到antd的a-month-picker选择器,在本地上用的好好的,发测试后就出现点击不了的情况,在生产上甚至也是好的,疑惑许久,先说解决方法:

把环境变量的文件名.env.test改为 .env.sandbox;

然后在package.json中把测试版本的打包命令后缀换成sandbox

(二)浅析以下原因

看了下antd里的组件源码,发现有一段是这样:

至于为什么会有这段代码,可能是antd团队在测试版本中想避免某些问题,咱也理不清。

不过看到这里,应该可以解释出当test环境变量名改变后bug就消失的现象,其实也不一定要用.sandbox来替代.test,非.test的值均可。

以上为个人的误打误撞,欢迎大伙指正与补充。

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
引用\[1\]:在给定的代码中,a-month-picker属性是指日期选择器中的月份选择器。它允许用户选择特定的月份。在这个例子中,a-month-picker属性被用于限制日期选择器只能选择2022年10月份的日期。这是通过在disabledDate方法中设置禁用日期的逻辑来实现的。具体来说,disabledDate方法检查当前日期是否早于10月1日或晚于10月31日,如果是,则禁用该日期。这样,用户只能选择2022年10月份的日期。\[1\] 问题: 如何使用a-month-picker属性? 回答: 要使用a-month-picker属性,你需要在代码中添加一个a-month-picker组件,并将其与一个数据属性进行绑定。在给定的代码中,a-month-picker组件被添加到模板中,并使用v-model指令将其与date数据属性进行双向绑定。这意味着选择器中选择的月份将自动更新date属性的值,并且更改date属性的值也会反映在选择器中。此外,你还可以使用disabled-date属性来自定义禁用日期的逻辑,以限制用户选择的月份范围。\[1\] #### 引用[.reference_title] - *1* [a-date-picker 日期控制只能选择当月日期其余禁用](https://blog.csdn.net/weixin_43123984/article/details/125638320)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [antd Vue --a-range-picker 数据回显时,修改后,视图不更新](https://blog.csdn.net/weixin_48975689/article/details/129564222)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值