? ? ? ? ?做項(xiàng)目時(shí)在el-form中遇到了設(shè)定了表單驗(yàn)證規(guī)則，但只要輸入值就顯示未輸入的情況：
????????根據(jù)網(wǎng)上查找的結(jié)果，rules中的名稱要與from-item中的prop別名相同，看了一下沒問題
?
?后來(lái)在網(wǎng)上看到這篇文章：vue element form表單規(guī)則驗(yàn)證，有值，但驗(yàn)證始終不消失_杰瑞LJ的博客-CSDN博客
看到他的el-form參數(shù)里用的是:model而不是v-model，修改為:model之后的代碼：
<el-form :rules="rules" :model="user" ref="userForm">
<el-form-item label="用戶名" :label-width="labelWidth" prop="username">
<el-input v-model="user.username"></el-input>
</el-form-item>
</el-form>
data(){
return {
labelWidth: '120px',
user: {},
rules: {
username: [{
required: true,
message: '請(qǐng)輸入用戶名',
trigger: 'blur'
}]
}
}
}
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-650365.html
? ? ? ? ?成功！文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-650365.html
到了這里，關(guān)于vue element form rules表單規(guī)則驗(yàn)證，輸入框有值，但驗(yàn)證始終不消失問題的個(gè)人解決辦法的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
