欢迎来到Jeremy的博客

输入框输入手机号自动显示空格,这个很好处理直接看输入字符串的长度

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;
    }

posted on 2019-02-19 08:48  jeremy_o  阅读(587)  评论(0编辑  收藏  举报