如何做电话号码3 4 4号码分隔

如图所示的运行结果

344电话号码分隔

假设我们给这个输入框弄的v-model="tel"

        <input type="tel"  v-model="tel" placeholder="请输入">

在watch中监听这个tel变量，首先，在字符到达3位以及8位的时候添加空格进行分隔，然后，你就会发现一个bug，你删除的时候无论如何这个空格都删不掉了，所以，要监听删除的时候的事件，用trim()将空格删除

watch:{
      tel(newValue, oldValue) {
        if (newValue.length > oldValue.length) {     //添加
          if (this.tel.length === 3 || this.tel.length === 8) {
            this.tel = this.tel + ' ';
          }
        } else {    //删除
          if (this.tel.length === 4 || this.tel.length === 9) {
            this.tel = this.tel.trim();
          }
        }
      }
}