[Vue warn]: Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a fun

10 篇文章 0 订阅

在这里插入图片描述
vue+element开发,遇到一个错误。
场景是这样的:form表单中有date选择器,表单提交后,可以通过其他页面回到这个页面进行预览,我使用接口请求后直接对表单进行数据绑定,页面显示没有问题,但控制台却给出了上面的错误。

我分析的产生原因:接口返回的date数据是string类型,导致表单校验的type='date’不通过,或者是element提供的日期时间控件不支持绑定string类型的日期时间。
在这里插入图片描述
我的解决方案:最初解决方案有两个,推荐方案二
方案一:将表单校验规则的校验类型更正为type='string',这样控制台不会报错,但有时表单会无法通过校验;
在这里插入图片描述
在这里插入图片描述

方案二将请求来的string类型日期通过new Date() 强制转换为date格式,再进行绑定,这个方法可行。
在这里插入图片描述

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
引用\[1\]:这个错误通常是由于在Vue组件中使用了`$refs`属性,但是该属性未定义导致的。\[1\]解决这个问题的方法是确保在使用`$refs`之前,确保该属性已经被正确地定义和赋值。 引用\[2\]:这个错误通常是由于在Vue组件中使用了一个未定义的方法`validate`导致的。\[2\]解决这个问题的方法是确保在使用`validate`方法之前,该方法已经被正确地定义和赋值。 引用\[3\]:这个错误通常是由于在Vue组件中使用了一个未定义的属性`validateStatus`导致的。\[3\]解决这个问题的方法是确保在使用`validateStatus`属性之前,该属性已经被正确地定义和赋值。 对于你提到的`\[Vue warn\]: Error in v-on handler: "TypeError: Object(...) is not a function"`错误,根据提供的引用内容,我没有找到相关的解决方法。可能需要更多的上下文信息来确定问题的根本原因和解决方法。请提供更多的代码或错误信息,以便我能够更好地帮助你解决这个问题。 #### 引用[.reference_title] - *1* [[Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘$refs...](https://blog.csdn.net/coinisi_li/article/details/127093179)[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* [(vue)解决“[Vue warn]: Error in v-on handler: “TypeError: Cannot read property ‘validate‘ of ...](https://blog.csdn.net/qq_44754635/article/details/125521226)[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] - *3* [Vue报错[Vue warn]: Error in v-on handler: “TypeError: cannot use ‘in‘ operator to search for ...](https://blog.csdn.net/qq_46358613/article/details/125056768)[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、付费专栏及课程。

余额充值