element-ui里面的form表单i验证input内容已经输入不为空了，但效验还是报错不能为空

原因：下面3个红色名字以及2个蓝色名必须一致，有1个不一致就无法通过效验，出现标题所说问题

<el-form :model="userinfo" :rules="editUserFormRules" >

      <el-form-item label="用户名" prop="username"> 

          <el-input v-model="userinfo.username"></el-input >

     </el-form-item>

</el-form>

 

// 编辑用户表单规则

      editUserFormRules: {

        username: [

          {

            required: true,

            message: '用户名不能为空！',

            trigger: 'blur',

          },

          { validator: checkPhone, trigger: 'blur' },

        ],

     ｝