elementUI form 表单验证呢

Question

form表单，时间选择器没有绑定 :model="addCouponForm"中的变量，但是 :rules="addCouponFormRule" 这个中还要进行验证，为什么我的总是提示是空

相关代码

<el-form ref="addCouponRef" :model="addCouponForm" :rules="addCouponFormRule" label-width="150px">
    <el-form-item label='优惠券名字' prop="coupon_name">
        <el-select v-model="addCouponForm.coupon_name" placeholder="请选择优惠券名字" style="width:350px;">
           <el-option
              v-for="item in couponlTypeList"
              :key="item.id"                                          :label="item.coupon_title"
              :value="item.id">
           </el-option>
       </el-select>
     </el-form-item>
     <el-form-item label='优惠券数 prop="coupon_num">
        <el-input v-model="addCouponForm.coupon_num" placeholder="请输入优惠券面额" style="width:350px;"></el-input>
     </el-form-item>
     <el-form-item label="发放时间" prop="coupon_time">
        <el-date-picker
          v-model="coupon_time"
          type="daterange"
          range-separator="至"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          style="width:350px;"
          value-format="yyyy-MM-dd">
       </el-date-picker>
     </el-form-item>
</el-form>

 addCouponForm: {
    coupon_name:"",
    coupon_num:"",
 },
 coupon_time: "",

addCouponFormRule: { 
    coupon_name: [{ required: true, message: '优惠券名称', trigger: 'change' }],
    coupon_num: [{ required: true, message: '优惠券数量', trigger: 'blur' }] ,
    coupon_time: [{ required: true, message: '发放时间', trigger: 'change' }],
     },

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

是否校验是通过：prop 绑定的值在addCouponFormRule是否存在决定的。
所以，按照你目前的写法会验证coupon_time。如果不想验证，去掉 prop="coupon_time"即可。