el-input 限制输入框只能输入数字和小数

aipans

1、纯输入框
方法一：

1. oninput =“value=value.replace(/[^\d]/g,‘’)” //只能输入数字
   
2. 
   
3. oninput =“value=value.replace(/[^0-9.]/g,‘’)” //只能输入数字和小数
   
4. 
   
5. <el-input v-model="sjje" oninput ="value=value.replace(/[^0-9.]/g,'')" class="money sjje">
   
6.         <span slot="suffix">/ 元 </span>
   
7. </el-input>      

复制代码

                     

方法二：
   

1.     <el-input v-model="sjje" class="money sjje" @input="inputChange">
   
2.       <span slot="suffix">/ 元 </span>
   
3.     </el-input>
   
4. 
   
5.         inputChange(val) {
   
6.       this.sjje = this.sjje.replace(/[^0-9.]/g, '')
   
7.     }
   

复制代码

2、form表单输入框

1. <el-form ref="userform" rules="rules" :model="form" label-width="110px">
   
2.         <el-row>
   
3.                 <el-form-item label="年龄：" prop="age">
   
4.             <el-input v-model="form.age"></el-input>
   
5.         </el-form-item>
   
6.         </el-row>
   
7. </el-form>
   
8. 
   
9. rules:{
   
10.   age:[
    
11.     { required: true, message: '年龄不能为空', trigger: 'blur'},
    
12.     {pattern: /^[0-9]*$/, message: '年龄需为数字', trigger: 'blur'}
    
13.   ]
    
14. },

复制代码