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

问题描述:

el-input输入框,只能输入数字,但是不能显示输入框最右边的上下箭头在这里插入图片描述

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

解决方法

提示:这里描述
在输入框中用正则验证

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

直接写在el-input标签中

oninput="value=value.replace(/[^\d]/g,'')"

全代码

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

猜你喜欢

转载自blog.csdn.net/qq_51055690/article/details/132759016
今日推荐