不知道為什么。頁面一刷新就顯示了“請輸入密碼”,代碼如下:
html部分:
<div class="reg-group reg-pass">
<label for="pass">密 碼:</label>
<input type="text" id="pass" v-model="pass" :class="{'error':$v.pass.$error}" @blur="$v.pass.$touch()">
<span v-show="!$v.pass.required">請輸入密碼</span>
<span v-show="!$v.pass.minLength || !$v.pass.maxLength">密碼應(yīng)該為6~16位</span>
</div>
<div class="reg-group reg-sure-pass">
<label for="sure-pass">確認(rèn)密碼:</label>
<input type="text" id="sure-pass" v-model="surePass" @blur="$v.surePass.$touch()">
<span v-show="!$v.surePass.required">請再次輸入密碼</span>
<span v-show="!$v.surePass.sameAs">與上面輸入密碼不一致</span>
</div>
js部分:
import {required, minLength, maxLength, between, sameAs} from 'vuelidate/lib/validators';
export default {
name: "vuelidate-pri",
data (){
return {
flag: '',
name: '',
user: '',
age: '',
pass: '',
surePass: '',
phone: '',
status: ''
};
},
validations: {
pass: {
required,
minLength: minLength(6),
maxLength: maxLength(16)
},
surePass: {
required,
sameAs: sameAs('pass')
},
phone: {
}
}
}
頁面一刷新就是這樣,急急急,求大神!
去官網(wǎng)幫你查了下,github里有這這樣一個問題 Show validation only after user begin input?
答案最后給了一個例子如下:<span v-if="$v.form.password.$dirty && !$v.form.password.required">Password is required. </span>
我在本地測試了下, 加了 $v.pass.dirty后確實不顯示了.
希望能幫到你.
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。