記錄一次form表單驗證不生效問題

1、問題描述

當輸入圖中姓名之後，點選生成自動生成按鈕，使用者名校驗一直都不消失

2、代碼片段

contactFormRef.value.clearValidate(contactRules['loginName'])//clearValidate的參數為需要去除的rules中prop的屬性名
           

3、解決方法

loginName: [
      { required: true, message: '請輸入使用者名', trigger: 'change' },
      { validator: checkLoginName, trigger: 'change' }
    ],
 //錯誤的觸發時機是失去焦點的時候，正确的應該修改為change，這樣當有資料的時候，校驗就會消失