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

问题描述:

el-input输入框,只能输入数字,但是不能显示输入框最右边的上下箭头【常用代码14】el-input输入框内判断正则,只能输入数字,过滤汉字+字母。_第1张图片

<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,'')" />

你可能感兴趣的:(各种常用但是容易忘记代码,vue.js,javascript,ecmascript)