写在这里单纯的目的就是,担心后期遗忘
就是平时项目中input的一些限制输入的
le-input-number 例如显示长度的时候、自己感觉虽然好用、但是实际项目中的时候会有问题、就是限制长度 是在输入完之后才会生效
但是实际项目中想要的是 、输入超过一定位数就不允许输入
<el-input v-model=""
type="number"
oninput="
if(isNaN(value)) {value = parseFloat(value)}
if(value < 0){value = 0}
if(value.indexOf('.') == -1 && value.length > 6) {value=value.slice(0,6)}
if(value.indexOf('.') >= 6) {
value=value.slice(0,6) +value.slice(value.indexOf('.'),value.indexOf('.')+7)}
if(value.indexOf('.') > -1 && value.indexOf('.') <= 6) {
value=value.slice(0,value.indexOf('.')) +
value.slice(value.indexOf('.'),value.indexOf('.')+7)}
if(value.indexOf('0') == 0) {value=value.slice(1)}"
onKeypress="return (/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
placeholder="请输入">
</el-input>
onKeypress是为了限制输入e的问题
el-input-number
第一就是:限制长度 输入完才生效,会在实际项目中不友好
el-input
显示各种的话 要加各种判断、但是e依然会输入
所有用了onKeypress的方法限制e
<el-input v-model=""
type="number"
oninput="
//isNaN判断是否为数值,返回true或者false
if(isNaN(value)) {value = parseFloat(value)}
//小于0,返回0
if(value < 0){value = 0}
//不存在小数点,位数超过6,直接截取
if(value.indexOf('.') == -1 && value.length > 6){value=value.slice(0,6)}
//小数点 前面的 位数超过6,小数点前面截取6,小数点后面截取6
if(value.indexOf('.') >= 6) {
value=value.slice(0,6)+value.slice(value.indexOf('.'),value.indexOf('.')+7)
}
//输入的数值第一位是0,直接从第二位截取
if(value.indexOf('0') == 0) {value=value.slice(1)}"
onKeypress="return (/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
placeholder="请输入预存费用">
</el-input>