vue做乙個簡單的登入頁面,input校驗

2022-02-24 17:13:16 字數 387 閱讀 7473

立即登入

備註

1.使用此方法前檢查prop一定必須要寫在上面,寫在裡面的input上或者其他任何地方都不行(el-form-item prop屬性繫結)

2.el-form rules,model屬性繫結,ref標識.

3. this.$ refs[formname].validate 這個是在點選登入按鈕後執行,其實就是拿到需要驗證的form表單進行相應規則的校驗, 這裡是將$refs[formname] 這裡就是將form的名字當做引數傳了過來,也可以直接this.$ refs.form.validate(valid => { (這裡的form是表單裡的ref="form" ref後面是什麼值 )

補充待更新

使用Vue寫乙個登入頁面

為了不浪費大家時間,所以我把這段話放在了開頭。上一部落格講到構建了乙個vue專案,現在在那個專案之上實現乙個登入頁面。因為用到了element ui元件,所以需要先安裝element ui元件,進入專案根目錄後 執行cnpm i element ui構建專案的目錄 自己寫的樣式 import sty...

使用Vue寫乙個登入頁面

上一部落格講到構建了乙個vue專案,現在在那個專案之上實現乙個登入頁面。因為用到了element ui元件,所以需要先安裝element ui元件,進入專案根目錄後 執行cnpm i element ui構建專案的目錄 自己寫的樣式 import style theme.css import sty...

用 Vue 做乙個簡單的購物app

一整個專案寫下來,最大的感覺就是元件式開發,管理起來實在是太舒服了。而且vue中寫scss還可以指定區域性有效。這樣寫起scss感覺安全多了。用 vuex 進行全域性資料管理也挺舒心的。element ui 則大大解放了生產力。上述技術棧簡要說明 vue cli vue cli 就是使用搭建vue專...