解决方案:使用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可以将字符串...
<el-input maxlength="11" placeholder="请输入手机号" type="number"></el-input> 结果,发现页面上无限输入都可以。使用oninput="if(value.length>11)value=value.slice(0,11)" 截取长度显示即可。 <el-input oninput="if(value.length>11)value=value.slice(0,11)" placeholder="请输入手机号" type="...
使用 oninput="if(value.length>11)value=value.slice(0,11)" 截取长度显示即可。
<el-inputv-model="value"size="small"type="text"onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"maxlength="3"show-word-limit></el-input> 这样写是无效的,长度限制并没有生效 <el-input v-model="value"size="small"type="number"onkeyup="if(value.length > 3) value = value.slice...
type="textarea" placeholder="请输入内容"/> </el-form-item> <el-form-item class="payment_item" label="价格:" prop="paymentProductPrice"> <el-input-number :precision="2" :controls="false" v-model="ruleForm.paymentProductPrice"
html原生标签input有个maxlength属性; 我使用了elementUI组件库的el-input-number标签,这个组件对input进行了封装,能否通过这个组件设置input的原生属性下方是这个组件官方显示提供的属性 不能使用下面的max属性,因为我输入的值可能是小数, value 绑定值 number ——min 设置计数器允许的最小值 number — -Infinitymax ...
<el-inputv-model="inputValue"maxlength="10"oninput="value = value.replace(/[^\d.]/g, '').replace(/^\./g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')"></el-input></div></template> ...
maxlength="4" [Vue warn]: Invalid prop: type check failed for prop "maxlength". Expected Number, got String. found in What is Expected? maxlength="4"能直接使用 What is actually happening? maxlength="4"不影响功能 console抛错 Contributor ...