vue el-input 限制用户只输入正整数或保留两位小数

·  阅读 1126
  1. DOM:
<el-input
    v-model="number1",
    clearable,
    size="small",
    maxlength="5"
    @input="validateInput">
   </el-input>
复制代码

2.js限制用户只输入正整数

export default {
  data() {
    return {
      number1: "",
    }
  },
  methods: {
    // 限制正整数输入
    validateInput(value) {
      value = value.replace(/[^0-9]/g, "");
      if (value.indexOf(0) == 0) {
        value = "";
      }    
    }
  }
}
复制代码

3.js 限制只能输入数字或小数点

export default {
  data() {
    return {
      number2: "",
    }
  },
  methods: {
    // 限制只能输入数字或小数点
    validateInput(value) {
      value = value.replace(/[^\d{1,}.\d{1,}|\d{1,}]/g, "");
      value = value.replace(/^(-)*(\d+).(\d\d).*$/, "$1$2.$3");
    }
  }
}
复制代码
分类:
代码人生
分类:
代码人生
收藏成功!
已添加到「」, 点击更改