element-ui部分表单组件的必填校验问题

el-date-picker 必填校验

<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 必填校验

    <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)
    },