Vue + elementUi 限制el-input输入的数为整数或小数

<el-input
	v-model="form.test"
	oninput="value=value.replace(/[^0-9.]/g,'').replace(/^\./g, '').replace(/\.{2,}/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.');"
	size="mini"/>

若要限制小数位数,可以用toFixed方法

例如:this.form.test =Number(this.form.test ).toFixed(4);
这样就是限制4位小数,可以随便填,填2就是限制2位;toFixed方法采用的是四舍六入五成双的规则,不是四舍五入,该规则请自行百度,若要改为四舍五入,需自行定义四舍五入方法后,在其内部用toFixed方法

备注:1:^不放在开头表示取否的意思,就是取相反
2.oninput是html5的方法
参考地址:https://www.cnblogs.com/zm-97/p/12076892.html

你可能感兴趣的:(Vue + elementUi 限制el-input输入的数为整数或小数)