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

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

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

转载于:https://www.cnblogs.com/jeremy-o/p/10399051.html