element-ui限制只能输入数字小数点保留两位

最新推荐文章于 2024-09-14 17:43:40 发布

原创最新推荐文章于 2024-09-14 17:43:40 发布 · 1.9k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了如何使用Element-UI的number修饰符限制输入框只能输入数字和小数点，避免了科学计数法的问题，并提供了解决方案的代码实例。

用element-ui的number修饰符的话，是可以达到只能输入数字的效果，但是同时它把e也算进去了，算是数学的科学计算法把…

所以限制了一下文本框的，可输入小数点，数字

<el-input v-model="addForm.cgxe" oninput="value=value.indexOf('.') > -1?value.slice(0, value.indexOf('.') + 3):value" type="number"  placeholder="采购限额"  maxlength="11" :disabled="disableMonery" autocomplete="off"></el-input>

轻松解决

标签

#elementui

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

巧克力芋泥包

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue学习之input输入框限制两位小数

King的博客

09-22

2570

场景：vue移动端输入框input限制小数点后两位实现 <input type="number" @keydown="InoutChange" v-model="绑定的变量"> methods:{ InoutChange(e){ e.target.value = (e.target.value.match(/^\d*(\.?\d{0,1})/g)[0]) || null } }

element-ui数字输入框且限制小数点位数（已解决）

weixin_73318685的博客

03-02

4458

如果直接使用element-ui里input自带的number属性，会产生细微的问题。可以自动过滤掉输入框的首尾空格。配合@input输入事件进行判断操作。解决方案：不使用v-model自带的.number修饰符。2.可以输入汉字和英文，只有在表单校验时才能操作。使用：v-model.trim。1.不能输入小数点。

参与评论您还未登录，请先登录后发表或查看评论

elementUI组件el-input输入框只能输入数字或保留两位小数

ldoit的博客

04-21

1万+

只能输入数字的两种方法：方法一：使用type=“number” <el-input v-model.number='count' type='number' maxlength='9'/> 缺点： maxlength不生效可以输入e 可以输入小数点 方法二：使用正则表达式 <el-input v-model.number='count' oninput="value=value.replace(/[^\d]/g,'')" maxlength='9'/> 其中v-model.n

element-ui限制输入保留两位小数的正数

qq_42243957的博客

09-27

756

vue+element保留两位小数

weixin_45477548的博客

11-12

1252

记录一下，希望能带来用处这个保留两位小数，肯定是用正则比较好，但是当时没找到合适的，就js写了一个用的是input事件，不喜勿喷 this.form.soloSoreQuota = this.form.soloSoreQuota.split('.')[0] + '.' + this.form.soloSoreQuota.split('.')[1].slice(0, 2) 这样就可以实现保留两位小数，但是控制台会报split的错。不影响操作，但是影响强迫症，就加了一个if判断 if (this.form

elementui el-input输入框，限制只能输入数字，且最多两位小数

热门推荐

weixin_33872660的博客

05-24

10万+

需求说明后台管理系统，使用element-ui el-input组件，要求只能输入数字，最先使用的办法： <el-input v-model.number='count' type='number' maxLength='9' /> 复制代码存在的问题 1. maxLength不生效 2. 可以输入e 3. 可以输入1.1.....11...1 复制代码目前解决的办法（可以生...

element中el-input限制只输入正整数或保留两位小数

小马甲

12-02

9800

常见的el-input可能会限制用户只能输入正整数或保留两位小数，达到输入金额的需求，点击【跳转】访问el-input的官方文档element-ui是有这个组件，但是个人觉得不适用，该组件更适合加减数量，点击【跳转】访问的官方文档本人每篇文章都是一字一句码出来，希望大佬们多提提意见。创作不易，给我打打气，加加油☕。

Element-Ui input只允许输入数字和两位小数

莫不静好

05-29

3万+

方法一 1、页面效果 2、form表单 <el-form-item label="审计价格(元)" prop="auditPrice"> <el-input v-model="form.auditPrice" oninput="value=value.replace(/[^0-9.]/g,'')" placeholder="请输入审计价格" /> </el-form-item> 3、校验规则 data() { const validate

Element UI el-input 限制只能输入正数，小数点后输入两位

ZionHH的博客

11-26

1万+

<el-input v-model="value" @keyup.native="value = oninput(value)"></el-input> data () { return { value: '' } }, methods: { oninput(num) { var str = num var len1 = str.substr(0, 1)...

关于element-ui的输入框限制只能输入数字的问题

weixin_45021068的博客

01-14

2万+

关于element-ui的输入框限制只能输入数字的问题这个问题我使用过很多办法,每一种都去尝试，但是结果都不太理想比如以下的几种方法注：我要的效果是，输入框内只可输入数字，除了数字其他什么都不可输入，包括标点符号，英文在内第一种、使用el-input自带原生的 type=“number” 他存在着两个问题首先，type="number"允许输入e 其次，maxlength属性也不生效第二种、使用oninput <el-input v-model='width' onin

Element UI el-input校验，只能输入大于0的正整数、数字、小数点后两位

m0_58565372的博客

06-22

1万+

在el-input写入oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"在el-input写入oninput="if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"4.只能输入数字并且最多取到小数点后两位数字（2和3的合并）1.只能输入大于0的正整数。

输入框限制只能输入数字，正数、负数、0，最多两位小数；数字输入框可以输入负数，并最多保留两位小数；el-number-input去掉四舍五入和自动补齐小数；

i_am_a_div的博客

01-11

3607

数字输入框限制最多两位小数；输入框只能输数字；输入框可以输入正数、负数和0；

Element ui input 限制只能输入数字,且只能有两位小数

qq_44146522的博客

05-09

1221

Element ui input 限制只能输入数字,且只能有两位小数

vue element ui input 正则验证，限制只能输入数字和小数输入

weixin_43932097的博客

10-26

1万+

验证只能输入数字 oninput="value=value.replace(/[^\d]/g,'')" 验证只能输入数字和小数，小数且只能输入2位，第一位不能输入小数点 oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3

Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位

一个努力不被优化的程序员

04-03

5011

要实现只能输入数字且小数点后只能是1-2位的功能，可以使用Element UI的el-input组件，并结合正则表达式和自定义校验函数来限制输入。3. 在el-input组件上添加一个自定义的校验函数，用于限制小数点后的位数。通过以上步骤，就可以实现只能输入数字并且小数点后只能是1-2位的限制。1. 在模板中使用el-input组件，并设置其type属性为"number"，以确保只能输入数字。2. 在data中定义一个inputValue的变量，用于双向数据绑定输入框的值。

Element-Ui input只允许输入数字和两位小数，封装input组件

qq_31078797的博客

04-25

2176

最近在使用element-ui 的input组件时，遇到了一些问题，业务要求只支持数字和两位小数，刚开始使用了oninput事件然后写正则过滤，发现正常输入没有问题，但是如何input里面是实时监听动态计算的就会出现bug，试了很多办法无法解决，最后 ...

vue限制输入框只能输入N位整数和2位小数

tsang荒男的博客

06-10

2325

关于input里的数字校验代码，采用的是element插件的input，有个@input事件在 Input 值改变时触发事件。因此代码如下 <el-form-item label="价格" prop="market_price"> <el-input placeholder="0.00" :disabled="check_list.length>0" v-model="info.market_price" @input="changePrice('market_pric