简单处理的方式

限制输入负数,以及保留小数点两位.:

<input type="number" placeholder="请输入" v-model="num"@input="num=num.toString().replace(/\-/g,'').match(/^\d+(?:\.\d{0,2})?/)" />

可以输入负数,保留两位小数点,把replace函数去掉即可.

完美处理的方式

以下方式可以在按下的时候,输入框不显示对应的数字,需要监听keypress按下事件.

vue,js 限制输入负数，限制小数位的输入框，限制输入长度，兼容移动端，兼容中英文输入法，最完美的解决方案。_js输入框不能输入负数-CSDN博客