vue实现input文本框只能输入0-99的正整数问题

            <div class="age-select">
            <input type="text" class="fromAge-input" v-model="fromAge" />至
            <input type="text" class="toAge-input" v-model="toAge" />
            </div>

     data () { return{ 
      fromAge: '0', 
       toAge: '99'
       } 
       }

    watch: {
        fromAge (newName, oldName) {
          var reg = /^([1-9]\d|\d)$/
          if (!reg.test(newName)) {
            this.fromAge = ''
          } else {
            this.fromAge = newName
          }
        },
        toAge (newName, oldName) {
          var reg = /^([1-9]\d|\d)$/
          if (!reg.test(newName)) {
            this.toAge = ''
          } else {
            this.toAge = newName
          }
        }
      },

     if (this.fromAge > this.toAge) {                    /* 如果起始年龄大于结束年龄的话，显示提示框 */
            return this.$message.error('起始年龄不能大于结束年龄')
          }

directives: {
    numInput(el) {
      el.addEventListener("keypress", function (e) {
        e = e || window.event;
        let charcode = typeof e.charCode === "number" ? e.charCode : e.keyCode;
        let re = /\d/;
        if (
          !re.test(String.fromCharCode(charcode)) &&
          charcode > 9 &&
          !e.ctrlKey
        ) {
          if (e.preventDefault) {
            e.preventDefault();
          } else {
            e.returnValue = false;
          }
        }
      });
    },
  },

 <input type="text" v-numInput  />