【常用代码14】el-input输入框内判断正则,只能输入数字,过滤汉字+字母。

问题描述:

el-input输入框,只能输入数字,但是不能显示输入框最右边的上下箭头,

html 复制代码
<el-input v-model="input" type="number" placeholder="请输入内容" 
style="width: 200px;margin: 50px 0;"></el-input>

解决方法

提示:这里描述

在输入框中用正则验证

正则表达式: /^\d*$/

直接写在el-input标签中

js 复制代码
oninput="value=value.replace(/[^\d]/g,'')"

全代码

html 复制代码
<el-input v-model="input" placeholder="请输入名称" clearable size="small" oninput="value=value.replace(/[^\d]/g,'')" />

相关推荐
栉甜15 分钟前
Vue2学习内容(上)
前端·javascript·vue.js·学习
shmily麻瓜小菜鸡2 小时前
TypeScript 知识点补充(第三部分:工程化与高级类型)
前端·javascript·typescript
小郎君6582 小时前
(六)el-cascader 的展示值为什么不能直接 join:emitPath、路径还原与多选去重
vue.js·算法
Hilaku3 小时前
前端的技术判断力是怎么练出来的?
前端·javascript·程序员
用户093671755413 小时前
用 4500 行 TypeScript 复刻了童年方格纸上的海战棋
前端·vue.js
miofly4 小时前
GitHub 今日推荐|floorplan:AI 读代码自动画交互式架构地图
javascript·开源·github
Dovis(誓平步青云)4 小时前
拖动关键帧角色就抽动,动画编辑器怎样补齐中间状态
开发语言·前端·javascript·机器学习·编辑器
lpfasd1234 小时前
pywebview与Electron
前端·javascript·electron
行走的陀螺仪4 小时前
Claude Code 从入门到实战(一):安装、登录与第一个Vue项目
前端·javascript·vue.js
vipxieliang4 小时前
解构赋值与展开运算符:现代 JS 提效技巧
javascript