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

});

相关推荐
Highcharts.js5 分钟前
Highcharts Gantt使用符号的自定义数据标签开发甘特图示例
javascript·甘特图·highcharts·图表开发·实战代码·响应式图表
FRing031 小时前
vue2干货总结3(computed计算属性、watch监听器)
开发语言·前端·vue.js·vue2
Java小卷2 小时前
JuanForm vs FormCreate!Vue3 表单引擎联动配置 PK!
vue.js·低代码
kyriewen3 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
工控丫丫4 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库
Dream-Y.ocean6 小时前
鸿蒙PC平台星图遥感适配实战:基于 Electron 壳方案的纯 JavaScript 遥感图像处理引擎开发
javascript·electron·harmonyos
螺丝钉tina7 小时前
[Playwright ][16]Playwright + TypeScript API 自动化测试实战:API测试
前端·javascript·typescript
Highcharts.js9 小时前
React 中原生支持使用 JSX 组件配置自定义表格 Highcharts Grid
前端·javascript·react.js·前端框架·jsx·highcharts·自定义表格
Java后端的Ai之路9 小时前
【AIAgent开发】-Agent工具封装成CLI(纯干货!!!)
java·javascript·人工智能·agent·cli
薛定谔的猫-菜鸟程序员10 小时前
Electron开发超详细教程(从入门到放弃)
前端·javascript·electron