vue3 daterange正则踩坑

<el-form-item label="空置时间" prop="vacantTime">

<el-date-picker

v-model="form.vacantTime"

type="daterange"

start-placeholder="开始日期"

end-placeholder="结束日期"

clearable

:editable="false"

>

</el-date-picker>

</el-form-item>

问题: 就是正则必填 但是每次都校验过了

写法:

vacantTime: { required: true, message: '请选择空置时间', trigger: 'blur' },

解决办法:

错误的定义方法:

const form = ref<vacantDataType>({

vacantTime: '' , '',

});

正确的写法为:

const form = ref<vacantDataType>({

vacantTime: \[\],

});

相关推荐
damoluomu3 小时前
SSG 的后台怎么补:Node.js 生态里的三条路(番外二)
javascript·css·typescript·node.js·html
东鹏特饮4 小时前
贪吃蛇小游戏html
前端·javascript·html
程序员Sunday4 小时前
JavaScript 深拷贝和浅拷贝有什么区别?structuredClone 能替代 JSON 拷贝吗?
前端·javascript
m0_587383004 小时前
碰碰好评卡功能落地实战 从需求梳理到上线部署全流程实操指南
java·linux·服务器·前端·javascript·vue.js·人工智能
Pu_Nine_94 小时前
Vue‑Flow 从零入门实战|AI‑Agent 拓扑图开发
前端·javascript·vue.js
lexiangqicheng5 小时前
1,自定义表单通俗理解-PC设计APP渲染
java·前端·javascript
苏渡苇5 小时前
从零搭建 Vue 3 工程化项目:Vite + TypeScript + Pinia + Element Plus 实战
前端·vue.js·typescript
雪芽蓝域zzs5 小时前
第 8 节:距离测量(测距工具)
vue.js
keyipatience5 小时前
CSS学习(2)|元素显示模式、盒模型、Flex 布局
javascript·css·html·css3
晚枫歌F6 小时前
dpdk实现arp协议,icmp协议-----架构优化
开发语言·javascript·架构