elementUI input只能输入数字、小数的几种方法

elementUI文本框input设置仅可输入数字或者小数的几种方法

一、设置type=“number”

这个属性可以帮助我们限制文本框输入的文本只能是数字或者小数,但是会跟随一个默认的样式,我们需要把默认样式删掉

代码:


演示样例:

修改之前

elementUI input只能输入数字、小数的几种方法_第1张图片

修改之后

elementUI input只能输入数字、小数的几种方法_第2张图片

二、设置oninput属性

代码如下:

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

大概意思就是除了数字0-9的全部替换为’’,改良一下代码,增加输入小数点几位数判断

 oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"

你可能感兴趣的:(前端开发记录,java,elementui,vue,css)