vue input禁止输入小数点

有一些需求会要求我们只能输入正整数

<input
	v-model.trim="form.milliampere"
	type="number"
>
</input>

type="number"能阻止用户输入字符等但还是防止不了小数点 因为小数点在数字类型的输入中是合理的

我们可以在onkeyup中做一些手脚

<input
	v-model.trim="form.milliampere"
	type="number"
	:onkeyup="value = (value || '').replace(/[^A-z0-9]/, '')"
>
</input>

这样就能很好的规避 用户输入小数点 而且就一行代码 直接有效

我们这里onkeyup用的this 是输入框本身 value 是真的输入框的value 所以 你不用担心输入框v-model 上绑定了什么