解决方案:使用oninput <input type="number" oninput="if(value.length>9)value=value.slice(0,9)">
el-input的maxlength属性在number类型时需要特殊处理 maxlength 在开发中,输入框一定要限制长度,之前在开发中都没注意过 输入字符串的时候直接使用maxlength就可以了 但是type是number的时候,maxlength就不起作用了。不用加trim .number 默认情况下,不管用户输入字符串还是数字,在获取的值都是字符串 .number可以将字符串...
我最终用精度(precision)+max(:max="9999")这个属性实现的,楼上说的change事件应该也可以实现,但我觉得自己的办法更好,哈哈 html原生标签input有个maxlength属性; 我使用了elementUI组件库的el-input-number标签,这个组件对input进行了封装,能否通过这个组件设置input的原生属性下方是这个组件官方显示提供的属性 不能使...
1 <el-input v-model="form.tele" style="width:160px;" maxlength="11" placeholder="请输入账号" type="number"></el-input> 1. 查阅了相关资料后,换了种方式,问题解决 使用oninput="if(value.length>11)value=value.slice(0,11)" 可实现限制长度的功能 1 <el-input v-model="form.tele" style...
el-input v-model是否加.number的影响是 <el-input type="number" v-model.number="form.itemWeight"> 1. 不加 <el-input type="number" v-model="form.itemWeight"> 1. 加 如果加的话,后面不能直接输入0
html原生标签input有个maxlength属性; 我使用了elementUI组件库的el-input-number标签,这个组件对input进行了封装,能否通过这个组件设置input的原生属性 下方是这个组件官方显示提供的属性 不能使用下面的max属性,因为我输入的值可能是小数, value 绑定值 number —— ...
不能使用,看了下他的实现,el-input扩展了组件上的所有属性,但是el-input-number是对el-input的再封装,只是引用了其中几个属性。虽然不能设置maxlength属性,但是可以使用change事件来过滤数据,这也是原始input过滤数据的常规方式。][2] 有用1 回复 用户bPPC2e: 谢谢,不过我用精度(precision)+max(:max="9999")...
不能使用,看了下他的实现,el-input扩展了组件上的所有属性,但是el-input-number是对el-input的再封装,只是引用了其中几个属性。虽然不能设置maxlength属性,但是可以使用change事件来过滤数据,这也是原始input过滤数据的常规方式。][2] 有用1 回复 用户bPPC2e: 谢谢,不过我用精度(precision)+max(:max="9999")...
el-inputmaxlength 不限制长度 背景: 小鱼最近使用input输入框时想限制输入的长度, type = "number" 时,限制的长度无效,代码如下 查阅了相关资料后,换了种方式,问题解决 使用 oninput="if(value.length>11)value=value.slice(0,11)" 可实现限制长度的功能 ...