控制输入框只能输入数字，并在提交时转为int类型

最新推荐文章于 2023-06-30 16:05:29 发布

现在几点，开心一点

最新推荐文章于 2023-06-30 16:05:29 发布

阅读量558

点赞数

分类专栏： vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_47581490/article/details/127861217

版权

vue 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<el-input v-model="count" onkeyup="value=value.replace(/[^\d]/g,'')" />

this.count = Number(this.count.toString().replace(/[^\d]/g, ""));

方法二：控制input输入框输入数字及小数点

handleInput:function(e) {
      let price = e.detail.value;

      price = price.replace(/[^\d.]/g, "");  //清除“数字”和“.”以外的字符
      price = price.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的
      price = price.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
      price = price.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');//只能输入两个小数
      if (price.indexOf(".") < 0 && price != "") {//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
          price = parseFloat(price);
      }

     return {
         value: price,
     }
  }