Element-Plus/Ui 单个input输入框（脱离表单的），添加校验

我司开的黄金项目需要在表格里面添加输入框并且需要校验用户输入的类型以及默认值

亲测有效 vue2和vue3都可以用 开箱即用

这个时候我们就需要用到oninput事件了

1.只能输入正整数且默认值是1 (栗子 后面的写法只需要更改oninput对应的函数即可)

 <el-input oninput="value = Number(value) || 1"  v-model="row.inventory"/>

2.只能输入正整数

oninput ="value=value.replace(/[^\d]/g,'')"

3.只允许输入正整数和正小数

oninput ="value=value.replace(/[^0-9.]/g,'')"

4.只允许输入正整数和正小数且小数只保留2位数

  oninput="value = value.replace(/[^0-9.]/g, ''); if(value.indexOf('.') > 0) { value = value.slice(0, value.indexOf('.') + 3); } else { value = value.slice(0, value.length); }"

4.只允许输入正整数和正小数且小数只保留2位数同时默认值是1

  oninput="value = value.replace(/[^0-9.]/g, '')|| 1; if(value.indexOf('.') > 0) { value = value.slice(0, value.indexOf('.') + 3); } else { value = value.slice(0, value.length); }"