vue 表单多层嵌套对象,实现校验规则

1,535 阅读1分钟

1.dom

<el-form :model="expiredRule" ref="agreementForm" :rules="rules" label-width="114px">
    <el-form-item label="日期" prop="expiredRule.expiredAt">
        <el-date-picker
            @focus="getClear"
            v-model="expiredRule.expiredAt"
            type="date"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择过期日期">
        </el-date-picker>
    </el-form-item>
</el-form>

2. 重点: 'expiredRule.expiredAt' 要用引号引起来

rules: {
    'expiredRule.expiredAt': [
        { required: true, message: '请选择日期', trigger: 'change' }
      ]
},