el-input 输入限制 1-100 的正整数

业务表单中有一个满意度输入框，要求输入百分比数字，为0-100的正整数。

1.  
   <el-input
2.  
   v-model="form.satisfyNum"
3.  
   placeholder="请输入数字"
4.  
   type="text"
5.  
   oninput="this.value = this.value && parseInt(this.value);this.value < 0 || this.value>100 && (this.value = 100)"
6.  
   >
7.  
   <span slot="suffix">%</span>
8.  
   </el-input>

还有一个：输入框数字长度限制（否则传到后端会报long错），就限制10位以下数字。

1.  
   <el-input
2.  
   v-model="form.salesNum"
3.  
   :readonly="readOnly"
4.  
   placeholder="请输入数字"
5.  
   type="number"
6.  
   oninput="if(value.length > 10) value=value.slice(0, 10)"
7.  
   />

记录一下！

这篇好文章是转载于：学新通技术网