【常用代码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,'')" />

相关推荐
祈澈菇凉2 小时前
什么是 Vue 的自定义事件?如何触发和监听?
前端·javascript·vue.js
@大迁世界4 小时前
构建 Next.js 应用时的安全保障与风险防范措施
开发语言·前端·javascript·安全·ecmascript
IT、木易5 小时前
ES6 新特性,优势和用法?
前端·ecmascript·es6
is今夕5 小时前
postcss.config.js 动态配置基准值
javascript·vue.js·postcss
青茶绿梅*26 小时前
500字理透react的hook闭包问题
javascript·react.js·ecmascript
计算机软件程序设计6 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
前端御书房6 小时前
Pinia 3.0 正式发布:全面拥抱 Vue 3 生态,升级指南与实战教程
前端·javascript·vue.js
NoneCoder6 小时前
JavaScript系列(84)--前端工程化概述
前端·javascript·状态模式