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: [],

});

相关推荐
BillKu2 分钟前
Vue3本地存储实现方案
vue.js
GIS之路3 分钟前
OpenLayers 获取地图状态
前端·javascript·html
remember_me20 分钟前
前端打印实现-全网最简单实现方法
前端·javascript·react.js
前端小巷子23 分钟前
IndexedDB:浏览器端的强大数据库
前端·javascript·面试
Whbbit199923 分钟前
如何使用 Vue Router 的类型化路由
前端·vue.js
JYeontu28 分钟前
浏览器书签还能一键下载B站视频封面?
前端·javascript
Xy91032 分钟前
从代码角度拆解Apptrace的一键拉起
javascript·数据库
Sun_light36 分钟前
深入理解JavaScript中的「this」:从概念到实战
前端·javascript
水冗水孚1 小时前
🚀四种方案解决浏览器地址栏预览txt文本乱码问题🚀Content-Type: text/plain;没有charset=utf-8
javascript·nginx·node.js
不爱说话郭德纲1 小时前
🔥Vue组件的data是一个对象还是函数?为什么?
前端·vue.js·面试