VUE

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

2021-03-11  本文已影响0人  哒哒哒哒da
第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>

上一篇 下一篇

猜你喜欢

热点阅读