分类：vue电话号码自动分割

2020
09-28

vue 输入电话号码自动按3-4-4分割功能的实现代码

输入框绑定<inputclass="inputBox"type="phone"placeholder="请输入手机号"maxlength="13"v-model="phoneNum"/>监听事件，每次号码发生改变时触发大体的逻辑是：先比较号码变化前后的长度，判断是输入还是删除，如果是输入的话，利用正则表达式改变号码格式。watch:{phoneNum(newValue,oldValue){//监听电话号码this.phoneNum=newValue.length>oldValue.length?newValue.replace(/\s/g,'').replace(/(\d{... 继续阅读 >