el-input常用限制

el-input限制只能输入数字(二选一)

第一种 正则表达式

onkeyup="value= value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''"

第二种 函数封装

1.实现：监听键盘输入

  <el-input v-model="formData.openGroupPrice"
        @input="handleInput($event,'openGroupPrice')"
        placeholder="请输入拼团优惠价"></el-input>

2.注入函数, 过滤除数字外的字符

handleInput (value, field) {
    if (value != '') {
        if (value.indexOf('.') > -1) {
            // 保留小数点两位小数以及只能输入一位小数点
            let newValue = value.slice(0, value.indexOf('.') + 3)
            this.formData[field] = newValue.replace(/\.{2,}/g, '.')
        } else {
            // 过滤除数字外的字符
            this.formData[field] = value.replace(/^\.+|[^\d.]/g, '')
        }
    }
}