element表单验证

Question

下面这个表单，我想表达的意思是允许不填，但是一旦填写就必须是11位或以下位数的数字，可是这样写着，这个输入框不填就提示错误，要怎么改才可以允许不填？

    <el-form-item label="联系电话"
                  prop="phone"
                  :label-width="formLabelWidth"
                  :rules="[{ required: false, message: '请', trigger: 'blur' },
                           { type: 'number', message: '联系电话必须为数字值'},
                           { min: 0, max: 11, message: '请输入正确的联系电话', trigger: 'blur' }]">
      <el-input v-model="addCustomerForm.phone" ></el-input>
    </el-form-item>

Answer 1

required:false
你试一下

Answer 2

检查有没有写required，不行就自己写验证喽

Answer 3

增加一个 required 字段，根据输入框是否为空判断 true/false