当前位置：首页 > article >正文

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

article 2024/11/14 14:16:22

               <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, "");
        
    },

查看全文

http://www.kler.cn/a/312530.html