0
点赞
收藏
分享

微信扫一扫

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

phpworkerman 2024-09-13 阅读 25
               <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, "");
        
    },
 
举报

相关推荐

0 条评论