輸入框輸入手機號自動顯示空格,這個很好處理直接看輸入字符串的長度this
template
<input type="text" placeholder="用戶名" v-model="username" @keydown="keyDown">{{username}}
<input type="password" placeholder="密碼" v-model="password">
js
// 須要注意點擊刪除鍵的時候,當字符串的長度的後一位是空格的時候就會出現刪除不掉的狀況
keyDown(){
var phoneNum = this.username.trim();
//若是是刪除按鍵,不對字符串進行處理
if (e.keyCode === 8) {
this.username = phoneNum;
return;
}
var len = phoneNum.length;
if (len === 3 || len === 8) { phoneNum += ' '; this.username = phoneNum; }