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

});

相关推荐
Ares-Wang3 分钟前
Vue3》》 ref 获取子组件实例 原理
javascript·vue.js·typescript
爱上妖精的尾巴20 分钟前
5-16WPS JS宏 map数组转换迭代应用-1(一维嵌套数组结构重组)
开发语言·前端·javascript·wps·jsa
咖啡の猫1 小时前
Vue 简介
前端·javascript·vue.js
m0_526119401 小时前
pdf文件根据页数解析成图片 js vue3
前端·javascript·pdf
sorryhc2 小时前
手写一个Webpack HMR插件——彻底搞懂热更新原理
前端·javascript·前端工程化
xiaoxiao无脸男2 小时前
three.js
开发语言·前端·javascript
木易 士心2 小时前
Vue 自定义指令详解
javascript·vue.js·ecmascript
90后的晨仔2 小时前
Vue 组件注册详解:全局注册 vs 局部注册
前端·vue.js
前端Hardy2 小时前
HTML&CSS:高颜值交互式日历,贴心记录每一天
前端·javascript·css
千码君20163 小时前
React Native:使用vite创建react项目并熟悉react语法
javascript·css·react native·react.js·html·vite·jsx