el-input 只能输入数字和一个小数点，或者只能输入两位小数

最新推荐文章于 2024-09-14 17:43:40 发布

大大。

最新推荐文章于 2024-09-14 17:43:40 发布

阅读量433

点赞数 4

分类专栏： element相关文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_43923808/article/details/142181627

版权

element相关专栏收录该内容

44 篇文章 0 订阅

订阅专栏

               <el-input
                  v-model="price"
                  :maxlength="20"
                  clearable
                  @input="getNumIpt"
                  @change="getChangeIpt"
                  placeholder="请输入入池资产总额"
                ></el-input>

对小数位数不限要求

  methods: {   
 getNumIpt(val) {
      // 非数字 一位小数点 开头不能是小数
      this.price = val
        .replace(/[^\d.]/g, "")
        .replace(/^(\d+)\.(\d*).*$/, "$1.$2")
        .replace(/^\.*$/g, "");
    },
    getChangeIpt(val) {
      // 处理小数点后无数字情况，例如12ab. 处理为12
      this.price  = val.replace(/^(\d+)\.$/, "$1");
    },
}

若限制只能输入两位小数（只需要变化一下第二个replace的正则）

 getNumIpt(val) {
      // 小数点后面只能输入小于2位
      this.queryParams.totalBillYue = val
        .replace(/[^\d.]/g, "")
        .replace(/^(\d+)\.(\d\d).*$/, "$1.$2")
        .replace(/^\.*$/g, "");
        
    },