记录一下工作中遇到的问题，el-input 只能输入数字

最新推荐文章于 2024-04-15 12:02:00 发布

De_bugger

最新推荐文章于 2024-04-15 12:02:00 发布

阅读量232

点赞数

分类专栏：工作中遇到的问题

本文链接：https://blog.csdn.net/qq_42591581/article/details/117470253

版权

工作中遇到的问题专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<td><el-input placeholder="请输入编号数量" onkeyup="value=value.replace(/[^\d]/g,'')" size="mini" v-model.number="model.numberCount" /></td>

使用正则替换实现οnkeyup="value=value.replace(/[^\d]/g,'')"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

De_bugger

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

element表单输入框一直报输入为空的错误的解决方法

DoLi_JIN的博客

06-02

2341

朋友给我说，他写一个动态表格组件时候，一直报错：输入框明明有值，输入框提示信息提示输入为空栗子：如果你的代码和上面的报错一样，你还半天找不到问题，请直接点击这里“ 。代码分析流程查看最直接代码查看正则判断是否有问题，如果是如下图很简单的一行代码，那么就进行下一步分析栗子：查看动态表单组件是否有问题（只要是prop和rule）这一块有一个 :prop 是一个比较容易错误的点。他最后是一个字符串（可以是:‘obj.value’）具体栗子如下栗子上面的prop解析出来是 inpu.

解决elementUI中el-form、el-dialog、数据回显同时用时，有bug

qq_45532769的博客

10-29

4390

第一次打开网页，先点击修改，再点击新增，发现输入框竟然有值，点击修改后，关闭对话框的时候，置空失效了

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

elementui 表单只能输入数字校验

偏执

07-18

770

只能输入数字或小数且第一位不能是0和点且只能有一个点。开头不能为0，并且不能输入小数。只能输入小数—两位小数。

el-input的number类型里输入e、+、-符号返回值为空？

学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等

04-03

3681

问题最近测试发现了一个问题：在el-input的number类型里输入3eee、2-1、2+3…之类的，返回值是空的解决我这边采取的解决方案就是：不允许用户往里面输入'e'和'.'、'+'、'-'、'Shift' <el-input type="number" @keydown.native="inputLimit"></el-input> inputLimit ...

el-input-number表单验证，设置初始值为空

qq_42764138的博客

08-31

2807

el-input-number

element ui 表格中可编辑的两数字列计算el-input-number，el-input-number加减号没反应

m0_51501174的博客

09-15

6438

3列的值是1列乘以2列计算得出的，并且1列和2列必须是正整数首先想到的是下图这种办法，用v-model.number 加校验，只要输入的是字符就会被替换成''空字符串，但这种方法在用户点击字符键盘后输入的内容就会被替换成空字符，无法做后面的计算处理后来改成type="number",这种做法虽然很好的处理了用户输入字符键盘的情况，但可以输入小数点，要求是必须是正整数。 el-input-number完美的处理了我的需求 :min是可输入的最小值 :max是可输入的最大值，.

html页面自动输入数字,js input框输入1位数字后自动跳到下一个input框聚焦

weixin_42501298的博客

06-10

1772

// input框输入1位数字后自动跳到下一个input聚焦function goNextInput(el){var txts = document.querySelectorAll(el);for(var i = 0; ivar t = txts[i];t.index = i;t.setAttribute("readonly", true);t.onkeyup=function(){this.v...

element-ui+vue使用时遇到的坑

tendernessxy的博客

10-27

3428

element-ui+vue使用时遇到的坑

element:常见用法总结（前后台常见问题与自定义表单验证）

tomorrownan的博客

09-11

1671

后台给的状态是使用12345状态码表示的，前端要把它转成对应的状态文字。这里使用element-ui的table为例，代码如下： <el-table-column label="审核结果" align="center"> <template slot-scope="scope"> <span v-if="scope.row.authStatus === ...

element-ui(饿了么)选择下拉框以及校验

weixin_45102492的博客

11-25

6823

问题描述最近在使用elementUI做一个项目，遇到了一个小问题。需求是在新添加数据时，选择下拉框显示提示语(请选择XXX)，如果是修改的时候，默认显示的是从后台获取的数据。我是从后台获取的数字类型，需要默认的显示再下拉选择框中。问题解决看官网上的实例，el-option标签的数据源数组的每个对象有value和label两个属性，value对应的就是标签el-select中v-model绑定的 ...

【问题记录】el-input-number组件数值null显示为0的解决方案

草率小猿的博客

04-20

7210

本文介绍了如何将el-input-number默认值设置为空。

el-input-number 输入后删除，显示空白却有值（输入内容的首位数）

最新发布

weixin_61497053的博客

04-15

654

使用<el-input-number v-model="numb"></<el-input-number>创建了一个数字组件。在输入框中输入完内容时，不失去焦点的清空下，再一个一个删除（Backspace），然后点击外边失去焦点；全部删除后，页面实现是空的，但是用其他事件调用numb的值时，发现不是空或0，而是输入内容的首位数；即：输入了“4567”，然后一个个全删除了，显示空，调用时值却是“4”.

input属性设置type="number"之后, 仍可输入e, E, -, + 的解决办法

balinma4108的博客

08-02

490

<el-input v-model="scope.row.variables.leaderbuweiscores.score" @keyup.native="changeInput(scope.row)" onmousewheel="return false;" οninput="value=value.replace(/[^\d.]/g,'')" type="number" ...

自定义指令输入框只能输入数字，也不可输入e+-等符号

Embrace924的博客

03-13

979

使用方法：v-number //最大值最小值小数点位数 <el-input v-model.trim="scope.row.value" v-number="{ min: 0 ,precision: 0,max: 999 }" placeholder="非必填，0-999整数" size="small"></el-input> </el-...

elementUI 输入框只能输入正整数，不能输入字母 e 以及+ - 号

前端打工人的博客

12-09

1771

<el-input :inline="true" v-model="dialogForm.closeTime" onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" type="number"> </el-input>

vue项目中，el-input type=“number“可以输入字母e . -的问题解决

青山不改，绿水长流。

12-29

3589

input的v-model修改为v-model.number，type修改为tel，input事件用字符串的replace()方法将非数字的内容替换为空即可，然后input就只可以输入正整数了。

input设置了type为number,但是还能输入e等符号，怎么处理？

cindy647的博客

04-02

4023

在vue项目中我们发现，给input标签设置了type=number之后，输入框还是可以输入±以及e的情况，这是由于这些符号都属于数字范围，e指的是指数。如果项目有特殊需求，禁止输入这些符号，我们可以怎么做呢第一个想到的方法：普通正则处理在v-model中绑定元素，通过正则判断，在输入失焦时替换调这些元素。这种方法网上随便找找就行，但是这样很不直观，对用户来说是多了一步。那么怎么在根源上...

el-input number输入框遇到的问题

weixin_43019353的博客

07-30

1224

输入中文光标上移 .el-input__inner{ line-height: 1px !important; } 纯数字（设置type为number时e和.也是可以输入） <el-input v-model="value" @input.native="numberHandle" /> numberInput(e) { this.value = e.target.value.replace(/\D/g, '') }, ...

vue3el-input只能输入数字

08-04

在Vue3中，可以通过正则表达式限制el-input只能输入数字。可以在el-input上绑定一个onkeyup监听事件，并使用正则表达式/[^\d^\.]/g来匹配所有非数字内容，并将其替换为空字符串。这样就可以确保el-input只能输入数字...