vue学习之elementUI组件el-input输入框只能输入数字

方法一：使用type=“number”

<el-input v-model.number='count' type='number' maxlength='9'/>

缺点：

• maxlength不生效
• 可以输入e
• 可以输入小数点

---

方法二：使用正则表达式

<el-input v-model.number='count' oninput="value=value.replace(/[^\d]/g,'')" maxlength='9'/>

其中v-model.number确保获得的count值为数字，即使0开头也会被后续数字代替。