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，不行就自己写验证喽