拼接手机号长度3+4+4中间加号是空格

<el-input v-model="loginform.username" clearable type="tel" placeholder="手机号码" maxlength="13"   @keyup.native="addBlank($event)"></el-input>   //vue+element-ui写的。 maxlength="13"  手机号11位加上2个空格。就是13位

 

//添加空格//获取手机号长度3+4+4中间加号是空格
    addBlank(e){
        //输入时每次重置所有空格并重新增加空格,会对客户端浏览器性能有一定影响，但是比较简便
        if(e.keyCode!=8){  //8是指删除的时候回退键。如果不写这个可能导致删除了空格走到了3，或者8位，又自动添加了一个空格，删除这个空格时出错永远删除不了。
            //重置所有空格
               this.loginform.username = this.loginform.username.replace(/\ /g,"");先把所有的空格去掉。
               //在第三个字符后插入空格
               if(this.loginform.username.length >= 3)this.loginform.username =  this.insert_flg(this.loginform.username," ",3);
               //在第八个字符后插入