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' },

        ],

     ｝