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

相关推荐
酷爱码23 分钟前
Linux实现临时RAM登录的方法汇总
linux·前端·javascript
LuckyLay26 分钟前
Vue百日学习计划Day16-18天详细计划-Gemini版
前端·vue.js·学习
想要飞翔的pig43 分钟前
uniapp+vue3页面滚动加载数据
前端·vue.js·uni-app
Wannaer1 小时前
从 Vue3 回望 Vue2:性能优化内建化——从黑盒优化到可控编译
javascript·vue.js·性能优化
yyywoaini~1 小时前
wordcount程序
前端·javascript·ajax
白小白灬2 小时前
Vue主题色切换实现方案(CSS 变量 + 类名切换)
前端·css·vue.js
多云的夏天3 小时前
前端:VUE-(0)-环境搭建和helloworld
前端·javascript·vue.js
开开心心就好3 小时前
Word图片格式调整与转换工具
java·javascript·spring·eclipse·pdf·word·excel
Stringzhua3 小时前
JavaScript【5】DOM模型
开发语言·javascript·ecmascript
GanGuaGua4 小时前
Vue3:脚手架
前端·javascript·css·vue.js·vue