input输入框禁止输入小数点(vue)

最近经常遇到这样的需求,input输入框禁止输入小数点.这里就以iview框架为例.做出一种处理方法.

    <InputNumber @keyup.native="changeNumber" v-model="inputNumber" class-name="input-number" style="margin:50px 200px;width:200px"></InputNumber>


   methods: {
    changeNumber() {
      let str = '' + this.inputNumber;
      if (str.indexOf('.') != -1) {
        let arr = str.split('');
        arr.splice(arr.length - 1);
        let str2 = arr.join('');
        this.inputNumber = +str2;
      }
    }
  }

大概就可以这样的,或者用watch监听,也是可以的.