寫部落格是為了記筆記!!
html**:(樣式部分可以不用管,主要是乙個click方法和乙個keyup.enter的方法要注意)
"login-btn" @click=
"submit(loginform)" @keyup.enter=
"submit()"
>
"margin-left:12%"
>登入
js**:(created中新增鍵盤事件)
created(
)else
//enter的ascii碼是13
if(key == 13)
}},
methods中新增登入事件
submit(
)).then((res)
=>
else })
.catch(()=
>
)
然後就可以了!!! vue 炫酷登入 vue粒子效果的登入頁實現
hello,親愛的兄弟姐妹們,時隔幾天在工作之餘,終於把登入頁面寫出來了 暫不考慮資料互動 說起這幾天的學習經歷,那真是一把鼻涕一把淚。今天我就把開發過程中用到的知識點,和踩得坑 跟小夥伴們分享一下,也給想自己動手實現乙個炫酷效果的小夥伴乙個指引。下面講下我是如何實現的。開始之前最好先理清乙個概念,...
登入頁隱藏密碼位數 Vue
需求 使用者輸入密碼時所展示的密碼長度和實際輸入位數長度不同。解決思路 每當輸入一位時,隨機生成1 5位的字串加入之前所輸入值後面,並且記錄所產生的隨機字串長度,以便刪除時使用。解決方式 1.input 加入on change事件 iview寫法 2.當輸入值變化時進行資料處理 data passw...
vue專案登入頁 實現字型動畫案例
vue專案登入頁 實現字型動畫案例 實現思路 1,讓每個字都包含在span標籤中,span標籤的display inner block 2,頁面剛生成時 動畫之前 設定margin寬度為80px,opacity為0.2 3,頁面渲染完後 mounted方法 設定乙個settimeout,新增乙個cs...