el-input输入框——限制只能输入正数、负数，并且最大之只能有两位小数

el-input 输入框只要把type设定为"number"，他就会变成只能输入数字和小数的输入框了。<el-input type="number" />但是这样会造成输入框右侧会出现两个箭头可以使用css样式去掉/deep/ input::-webkit-outer-spin-button,/deep/ input::-webkit-inner-spin-button {-webk

一个拉G的前端

8985人浏览 · 2022-01-12 21:45:18

一个拉G的前端 · 2022-01-12 21:45:18 发布

el-input 输入框官方没有做这个功能把type设定为"number"，也行但是有很多bug，所以还是自己安装需求实现一个比较好用
使用原生的oninput方法借住正则表达式和replace方法实现

 		<el-input
            v-model="scope.row[title.prop]"
            oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
          ></el-input>