为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Vue.js

最近经常遇到这样的需求,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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消