继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

Qyouu
关注TA
已关注
手记 311
粉丝 87
获赞 413

最近经常遇到这样的需求,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监听,也是可以的.



作者:会拐弯的蜗牛
链接:https://www.jianshu.com/p/34d8986ebc0b


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP