在一個新的項目里面嘗試使用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寫法就好了