vue使用element-ui的el-input 时,不设置type属性,maxlength是可以正常限制字数。
但如果想要有
这样的效果,需要让type=“number” ,这个时候maxlength就不起作用了。
解决方法是改成 oninput 方法监听:加入οninput=“if(value.length > 6) value = value.slice(0,6)”
<el-input
oninput="if(value.length > 6) value = value.slice(0,6)"
type='number'
v-model="userInfo.registerMobile"
style='width: 195px'
placeholder="请输入用户注册电话"
></el-input>
本文介绍在Vue使用Element-UI的el-input组件时,如何通过监听oninput事件来限制数字类型的输入长度,解决maxlength属性在type为number时不生效的问题。
6628

被折叠的 条评论
为什么被折叠?



