el-date-picker 必填校验文章来源:https://www.toymoban.com/news/detail-521833.html
<el-form-item label="培训时间:" prop="trainTime">
<el-date-picker
@change="TimeChange"
value-format="yyyy-MM-dd"
v-model="form.trainTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
rules:{
trainTime: [
{
type: 'array',
required: true,
message: '请输入培训时间',
fields: {
//tpye类型试情况而定,所以如果返回的是date就改成date
0: { type: 'string', required: true, message: '请选择开始日期' },
1: { type: 'string', required: true, message: '请选择结束日期' }
}
}
],
}
el-cascader 必填校验文章来源地址https://www.toymoban.com/news/detail-521833.html
<el-form-item label="注册地址 :" prop="areaCode">
<el-cascader
ref="area"
v-model="areaAddr"
style="width: 100%"
:disabled="isEdit"
:show-all-levels="true"
:props="props"
clearable
placeholder="请选择"
@change="changeArea"
/>
</el-form-item>
changeArea(areaCode) {
this.$set(this.formData, 'areaCode', areaCode)
},
到了这里,关于element-ui部分表单组件的必填校验问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!