el-input限制只能输入1-100正整数，也不能输入小数点

Question

<el-input v-model="mynum" size="mini" type="number" :min="0" :max="100" @input="mynum=mynum.replace(/[^\d]/g,'')">
</el-input>

这样写的话，输入“22.2”会自动变成“222”，但还是可以输入“22.”这种形式
怎么设置不能输入小数点呢？

Answer 1

type="number"去掉就行了

Answer 2

改成 text

<input type="text"oninput="this.value=parseInt(this.value);this.value < 0 || this.value>100 && (this.value = 0)">

element ui 也有 下面这个。

¶InputNumber 计数器
仅允许输入标准的数字值，可定义范围
https://element.eleme.cn/#/zh...

Answer 3

@input="mynum=parseInt(mynum)"
@input="mynum=Math.floor(mynum)"