1. 首页
  2. 安全技术
  3. 网络攻防
  4. vue 输入电话号码自动按3 4 4分割功能的实现代码

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

上传者: 2020-11-22 08:26:33上传 PDF文件 62.32KB 热度 16次
输入框绑定 <input class="inputBox" type="phone" placeholder=" 请输入手机号" maxlength="13" v-model="phoneNum"/> 监听事件,每次号码发生改变时触发 大体的逻辑是:先比较号码变化前后的长度,判断是输入还是删除,如果是输入的话,利用正则表达式改变号码格式。 watch: { phoneNum (newValue, oldValue) { // 监听电话号码 this.phoneNum = newValue.length > oldValue.length ? newValue.replace
下载地址
用户评论