vue中el-input type=number时字数限制不起作用

vue使用element-ui的el-input 时，不设置type属性，maxlength是可以正常限制字数。但如果想要有这样的效果，需要让type=“number” ，这个时候maxlength就不起作用了。解决方法是改成 oninput 方法监听：加入οninput=“if(value.length > 6) value = value.slice(0,6)”...

Rocky_ximi

2840人浏览 · 2020-05-25 18:26:41

Rocky_ximi · 2020-05-25 18:26:41 发布

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>