el-input 数字校验

项目中使用 Vue + elementUi 搭建后台管理系统，在输入框进行数字校验的时候不知为何官网的方法不起作用，只能用了个迂回的方法。

官网的方法：

  
    
  
  
    提交
    重置
  

自己的方法：

 
    
  

 rules: {
          age: [
            { required: true, message: '年龄不能为空', trigger: 'blur' },
            {message: '请输入数字值', pattern: /^[0-9]*[1-9][0-9]*$/}
          ]
        }

 methods: {
      handleKeyUp(e) {
        let keynum = window.event ? e.keyCode : e.which; // 获取键盘码
        let keychar = String.fromCharCode(keynum); // 获取键盘码对应字符
        if (keynum === 189 || keynum === 190 || keynum === 109) {
          this.$message.warning('禁止输入小数以及负数');
          e.target.value = ''
        }
      },
}