el-input只能输入整数，小数、最多保留两位小数、最多输入4位小数，过滤el-input输入框中的特殊符号

Vue.js中el-input输入框的数字、字符和格式限制策略

最新推荐文章于 2024-10-16 08:51:24 发布

原创

最新推荐文章于 2024-10-16 08:51:24 发布 · 2.5k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

只能输入框只能输入正整数，输入同时禁止了以0开始的数字输入，防止被转化为其他进制的数值。

<el-input
v-model="programForm.ladderSectionUpperBound"
@input="(v)=>(programForm.ladderSectionUpperBound=v.replace(/^(0+)|[^\d]+/g,''))"></el-input>

1、只能输入纯数字

<el-input v-model="aaa" type="text" @input="(v)=>(aaa=v.replace(/[^\d]/g,''))" />

2、能输入纯数字和小数（比如：6.66）

<el-input v-model="aaa" type="text" @input="(v)=>(aaa=v.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1'))" />

3、小数最多保留两位（注意： type=“text” ）

<el-form-item label="培训市场价：" prop="trainMarketPrice">
  <el-input  type="text" placeholder="请输入内容" v-model="form.trainMarketPrice" maxlength="20" onkeyup="value=value.replace(/[^\d.]/g, '')" show-word-limit>
  </el-input>
</el-form-item>

d