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

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

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

Logo

前往低代码交流专区

更多推荐