input输入框只能输入纯数字简单实现

前言

实现输入纯数字的实现方式有很多种，但我还是习惯拿来即用，最原始、最好记的那一种。

 

技术栈

vue2.x项目使用element-ui框架。

 

实现方式

input组件使用 onkeyup键盘的enter事件（也可以使用input事件）输入时实时更改键入值，保证输入的是纯数字

<el-input v-model.trim="ruleForm.secondPwd" 
          prefix-icon="el-icon-lock" 
          type="password"
          auto-complete="new-password" 
          placeholder="确认密码" 
          show-password
          onkeyup="this.value = this.value.replace(/\s+/g, '')"
          @blur="ruleForm.secondPwd = $event.target.value" ></el-input>

 

 

2022-08-16