vue input手机号验证

vue监听input光标消失验证手机号是否合法，验证正则手机号11位以1开头

 <input v-model="phoneValue" @input="handleInput(1)"type="number"  @blur="animate()" placeholder="请输入手机号" max="11" >

js代码：

<script>
 export default {
 data(){
    return{
         phoneValue:""
    }
  }
  methods:{
       animate(){
           var re = /^1\d{10}$/;
           let str = this.phoneValue;
           if(re.test(str)){
               alert('成功')
           }else {
               alert('抱歉手机号不合法')
          }
       }
  }
</script>

以上是我工作中一些功能总结和记录，欢迎大家一起交流