在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vuelidate的required驗證頁面一刷新就被驗證了?

vuelidate的required驗證頁面一刷新就被驗證了?

不知道為什么。頁面一刷新就顯示了“請輸入密碼”,代碼如下:
html部分:

<div class="reg-group reg-pass">
    <label for="pass">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;碼:</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后確實不顯示了.
希望能幫到你.

2017年9月24日 04:09