vue开发：解决el-input-number组件输入数字的时候无法实时触发change事件

问题：当已经输入数字的时候，还触发了为空的校验，预期是已经输入年龄的时候不会校验，输入框没有值的时候才会触发校验的。

在网上查找了资料，el-input-number组件输入数字的时候无法实时触发change事件，需要使用@input.native来触发,一开始使用了也没有效果，后来加了this.$nextTick功能实现了。

        // 解决el-input-number组件输入数字的时候无法实时触发change事件
        validateNumber(value) {
          this.$nextTick(() => {
            if (value != undefined) {
              this.$refs.numberValidateForm.clearValidate("age");
            }
          })
        },

实现功能的效果：

完整代码：

  
  
  
  
  
  
  
  



  

    
      
        
      
      
        
      
      
        提交
        重置