关于使用antd-desgin-vue中的时间插件默认值显示Invalid date错误的解决办法

前言:在开发过程中，使用antd-desgin-vue框架的时候，使用a-time-picker这个时间组件时遇到了一个问题，业务：需要在编辑的时候先回显用户之前已经填过的时间，这个时候我刚开始的处理逻辑就是在mounted中请求完数据之后，直接赋值就行，看代码错误的姿势打开就是这个样子解决办法就是：先将这个值赋值为null，再用v-if判断栗子：最后谢谢这位大哥~~~~~~!!!...

恰好有你

8237人浏览 · 2020-09-08 20:46:58

恰好有你 · 2020-09-08 20:46:58 发布

前言:在开发过程中，使用antd-desgin-vue框架的时候，使用a-time-picker这个时间组件时遇到了一个问题，业务：需要在编辑的时候先回显用户之前已经填过的时间，这个时候我刚开始的处理逻辑就是在mounted中请求完数据之后，直接赋值就行，看代码在这里插入图片描述

错误的姿势打开就是这个样子
解决办法就是：先将这个值赋值为null，再用v-if判断
栗子：

最后谢谢这位大哥~~~~~~!!!

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^