输入框输入手机号自动显示空格,这个很好处理直接看输入字符串的长度
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;
}