可以使用v-on:input代替onkeyup事件,并通过正则表达式来限制输入的内容为正整数及一个小数点的小数。

以下是修改后的代码:

<el-input v-model="form.outsourceNumRate" v-on:input="form.outsourceNumRate = form.outsourceNumRate.replace(/[^0-9.]/g, '').replace(/(..*)./g, '$1')" placeholder="请输入正整数及一个小数点的小数"></el-input>

在这个代码中,我们使用了两个正则表达式来处理输入的内容:

  1. .replace(/[^0-9.]/g, '') 将除了数字和小数点之外的字符全部替换为空字符串,实现限制只能输入数字和小数点的效果。
  2. .replace(/(..*)./g, '$1') 将超过一个小数点的小数格式进行修正,只保留第一个小数点,实现限制只能有一个小数点的效果。

这样,就可以实现只能输入正整数及一个小数点的小数的效果了。

Element UI Input 限制输入正整数和小数

原文地址: https://www.cveoy.top/t/topic/qDJ8 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录