vue自定义指令实现输入框只允许输入整数

 

// 限制输入框只能输入正整数 用法 
Vue.directive('onlyInteger', {
  inserted: function(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
        }
      }
    })
  }
})