element input支持整数或者小数点2位

66 阅读1分钟
<el-input ref="input_from" v-model.trim="minNumber"placeholder="最小值"@input="minInput"@change="handleInputChangeFrom"></el-input>          

然后在input事件中处理

minInput(v) {      this.minNumber = v        .replace(/[^0-9.]/g, '') // 移除非数字和非小数点的字符        .replace(/(\..*)\./g, '$1') // 只保留第一个小数点        .replace(/^0+([1-9])/, '$1') // 移除前导零,但允许 "0""0."        .replace(/^0{2,}/, '0') // 防止输入多个前导零        .replace(/^(\d*\.\d{0,2}).*$/, '$1') // 保留小数点后两位      if (Number(v) > 100) {  // 最大值限制        this.minNumber = 100      }    },

这样 input就能输入整数或者小数了