vue里限制input输入手机号

输入手机号注册账号限制输入长度为11，第一位是1

自定义指令只输入数字

directives: {
    numberOnly: {
      bind: function(e) {
        e.handler = function() {
          e.value = e.value.replace(/\D+/, '')
        }
        e.addEventListener('input', e.handler)
      },
      unbind: function(e) {
        e.removeEventListener('input', e.handler)
      }
    }
  }

<input v-model="user.telPhNum"
   max-length="11"
   placeholder="请输入新手机号"
   pattern="[0-9]*"  
   v-number-only 
   type="telephone"/>
  <!--
  pattern 属性规定用于验证输入字段的模式。
  例子: 只可以含有三个字母
  pattern="[A-z]{3}"
   -->

输入框只允许输入数字，第一位只允许输入数字 1，长度为11。