快捷处理el-input输入限制只能数字和小数问题

第1种

验证只能输入数字

onkeyup="value=value.replace(/\D|^0/g,'')" //正整数
onkeyup="value=value.replace(/[^\d]/g,'')"// 0 跟正整数

验证只能输入数字和小数，小数且只能输入2位，第一位不能输入小数点

oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')"
第2种

用element ui 自带的只能输入数字，且只有2位小数

//如需要输入整数去掉precision就可
<el-input-number
    v-model="xxx"
    auto-complete="off"
    :precision="2"  //只能输入2位小数
    :controls="false"  //去掉按钮
></el-input-number>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容