input当为number类型是maxlength不生效,这里有两种方案
一种是把**number**改成**tel**
<input type="tel" maxlength="5" /> // 可以生效
或者就是
<input type="number" οninput="if(value.length>5) value=value.slice(0,5)" /> // 原生写法
附上vue写法
<input placeholder="请输入联系电话" type="number" @input='limitPhone' v-model='form.phone' maxlength="11"/>
limitPhone(e) {
if (this.form.phone.length > 11) {
this.form.phone = this.form.phone.slice(0, 11);
}
},
很简单,但是很实用。