踩坑Ant Design Vue: 表單驗證觸發驗證后表單紅色提示不會自動消失


在一個新的項目里面嘗試使用Ant Desing Vue; 之前一直使用的element-ui;

在做一個表單驗證的時候發現,觸發了錯誤的表單提示后,再輸入正確的內容錯誤提示不會實時消失;

 

 部分代碼:

<a-form ref="formRef" :model="formState" class="user-layout-login" :rules="rules">
        <a-form-item name="username">
          <a-input
            size="large"
            v-model="formState.username"
            type="text"
            placeholder="請輸入帳戶名 / admin"
          >
            <template #prefix>
              <user-outlined type="user" :style="{ color: 'rgba(0,0,0,.25)' }" />
            </template>
          </a-input>
        </a-form-item>
……

  后來仔細對比官方文檔發現換一個v-model寫法就好了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM