Vue 电话号码344分割

H5和原生页面怎么交互？

JSBridge：是JS和Native之前的一种通信方式。简单的说，JSBridge就是定义Native和JS的通信，Native只通过一个固定的桥对象调用JS，JS也只通过固定的桥对象调用Native。JSBridge另一个叫法及大家熟知的Hybrid app 技术。

通过url scheme，app中定好方法，js通过创建iframe方式去调用

H5 页面是移动端页面吗

H5 页面 移动端页面 （无论是PC端还是移动端页面都可以认为是H5页面）

 <input
      type="tel"
      class="MobilePhone-user"
      placeholder="请输入手机号"
      v-model="phone"
    />
vue侦听器代码：
 
 watch: {
    phone(newValue) {
      if(newValue.length>=13){
         this.phone = this.phone.slice(0, 13);
        //  return
      }
      newValue = newValue.replace(/\s+/g, "");
      if (newValue.length > 3 && newValue.length < 8) {
        newValue = newValue.replace(/^(\d{3})/g, "$1 ");
      } else if (newValue.length >= 8 && newValue.length < 12) {
        newValue = newValue.replace(/^(\d{3})(\d{4})/g, "$1 $2 ");
      }
      this.phone = newValue;
      
      return newValue;
    },
  },

当我们使用手机号时需要去除空格：

      let str = this.phone.replace(/\s+/g, "");
      console.log(str)