其他分享
首页 > 其他分享> > 输入框输入手机号自动显示空格

输入框输入手机号自动显示空格

作者:互联网

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

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

标签:username,手机号,phoneNum,len,空格,输入框,字符串
来源: https://www.cnblogs.com/jeremy-o/p/10399051.html