輸入框輸入手機號自動顯示空格

輸入框輸入手機號自動顯示空格,這個很好處理直接看輸入字符串的長度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;    }
相關文章
相關標籤/搜索