当前位置:   article > 正文

el-input 只允许输入整数、整数和小数(保留小数点后两位)_el-input-number 保留两位小数

el-input-number 保留两位小数

方法一:el-input “type=number“ 隐藏上下箭头

/deep/ input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
/deep/ input[type='number'] {
  -moz-appearance: textfield !important;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

方法二:事件控制(兼容)
1.只允许输入整数或小数只保留小数点后两位

<el-input size="small" 
 
onkeyup="this.value=this.value.match(/\d+\.?\d{0,2}/)"
 
onafterpaste="this.value=this.value.match(/\d+\.?\d{0,2}/)"
 
v-model="scope.row.abc"
 
maxlength="9"></el-input>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

2.只允许输入整数

<el-input size="small" 
 
onkeyup="this.value=this.value.replace(/\D/g,'')"
 
onafterpaste="this.value=this.value.replace(/\D/g,'')"
 
v-model.number="scope.row.def" 
 
maxlength="9"></el-input>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/549514
推荐阅读
相关标签
  

闽ICP备14008679号