input使用maxlength报错

最新推荐文章于 2024-08-16 13:24:28 发布
最新推荐文章于 2024-08-16 13:24:28 发布
阅读量526 收藏
点赞数
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/men_gqi/article/details/117461706
版权
报错

Invalid prop: type check failed for prop “maxlength”. Expected Number, got String. found in

原因:

是maxlength属性使用错误

解决方法:

:maxlength="300"加冒号就可以了

大白菜1号
关注
专栏目录
angular ng2 自定义指令限制input的输入长度、允许输入的字符限制
cen_cs的专栏
11-23 4715
效果如下图：显示当前输入长度 / 最大限制 这个例子是限制长度，如果需要限制输入的字符类型（如只能输入数字、英文。。。）可以在这onkeypress / onInput两个方法作相应处理。 直接上代码 import { Directive, ElementRef } from '@angular/core'; import { NgControl, NgModel } from '@a...
IOS上复制粘贴号码到input有空格及input位数限制问题详解
小圣贤君的博客
08-30 4316
需求说明： 用户手机聚焦input后，弹出数字键盘，可以正常输入11位手机号，也可以从电话本复制电话号然后直接执行粘贴操作。 问题说明： 1.input聚焦时弹出数字键盘，type=number时，安卓正常，ios无效。 2.当input type 为number时，input加maxlength限制长度属性无效。 3.ios上粘贴电话号到input中会有空格，且获取不到数据。 问题解决： 1.因...
Invalid prop: type check failed for prop “maxLength“. Expected Number, got String.
qinqinzqq的博客
12-01 420
问题背景：使用Element-ui of Vue的input的maxlength属性报错。
input中maxlength失效，input的maxlength的实现
前端小白的逆袭
10-20 1124
input的maxlength的实现 思路：触发input事件是，执行字符串截取slice（） 代码如下： <el-input oninput="if(value.length>18){value=value.slice(0,18)}></el-input> // 等同于设置maxlength
vue+element中，el-input type=“textarea“ 实现自定义末端行数限制提示
最新发布
ilcn1949的博客
08-16 828
根据element 官网上的用法：有个属性是show-word-limit配合:maxlength="10000"使用，就会出现在文本框的右下角提示字数显示：已输入/最大可输入字符。但是我发现如果要实现需求图中的效果，这个属性是没办法使用的，然后看了一下相关的源码，textarea是没有这种的插槽。于是另辟蹊径，发现了一个新的写法，话不多说，直接上代码片段1。
element Input 输入框 输入长度限制 maxlength=“10“默认输入长度提示颜色为红色
Lyq2017901206的博客
07-05 459
对于el-input，直接显示输入长度提示并上色并不直接支持，但我们可以用一些技巧来模拟这一效果。而对于el-textarea，虽然它没有直接的计数提示，但可以通过类似的技巧添加。
JQuery Mobile - input 属性为 number，maxlength不起作用如何解决？
weixin_30242907的博客
01-01 262
<input type="text" maxlength="5" /> 效果ok，当<input type="number" maxlength="5" />时maxlength失效，长度可以无限输入。 解放方案： <input type="number" oninput="if(value.length>5)value=value.slice...
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
01-08
<input type="text" id="userName" name="userName" size="12" maxlength='30' value="${(data.userName)!''}" onKeypress="javascript:if(event.keyCode==13) do_postAuditList_search();"/> <!-- 解决form表单在...
【快速文档】input标签，一文带你彻底学会小程序中的输入
吴茗的博客
10-05 1017
重要参数 value 输入框中的初始输入内容 type 输入框的种类，如果是文本就不用填写 1，number 数字 2，idcard 身份证 3，digit 带小数点的数字 4，safe-password 安全键盘 password 密码类型，不用就不填 placeholder 占位文字，或者说提示文字 placeholder-class 为提示文字绑定一个类 maxlength 设置最大长度，不设置最多140，设置为-1可以无限输入 confirm-type 键盘的确认文字，只能用
vue input超过字符限制时不允许输入
FY18381366936的博客
11-17 1891
vue input超过字符限制时不允许输入 1.在h5中input限制字符输入长度 <input type="text" name="fullname" maxlength="15" /> 2.在iview中限制字符输入长度 <Input placeholder="请输入..." :maxlength="14" v-model="message" ></Input> 3.用input需要限制输入内容的字符长度 （如果需要限制字符串的长度，只需要使用element-ui
Invalid prop: type check failed for prop "maxLength". Expected Number, got String.
SummerGao
01-09 799
背景今天使用Ant Design of Vue的input表单的maxlength属性报错了 <a-input :value="value" placeholder="Input a number" maxLength="...
【vue3】报错Maximum call stack size exceeded
weixin_56205895的博客
07-31 2883
本地环境测试没问题，打包发布之后出现Maximum call stack size exceeded的报错问题。大小，造成该报错的问题有很多种。3、router里面路径未声明等等。该报错经查阅是因为超出最大调用。有大神知道是什么原因吗？
input最大长度限制问题
ShiYadong的专栏
08-30 6649
&lt;input type="text" maxlength="5" /&gt; //可以 &lt;input type="number" maxlength="5" /&gt; //没有效果 &lt;input type="number" oninput="if(value.length&gt;5) value=value.slic
关于vue报警告 Prop "autocomplete" is passed to component <Anonymous>, but the declared prop name is....
qq_43791339的博客
02-14 9461
vue报警告 Prop “autocomplete” is passed to component , but the declared prop name is “autoComplete”. Note that HTML attributes are case-insensitive and camelCased props need to use their kebab-case equiv...
取消 input 的浏览器文本框的自动提示
FE-阿阳的博客
10-19 3618
问题描述 项目中需要取消 input 自动带出的浏览器文本框的自动提示，如下图 解决方案 给 input 设置 autoComplete=‘off’，可以取消自动提示 <Input placeholder="请输入类目名称" autoComplete={'off'} maxLength={500} /> ...
Invalid prop: type check failed for prop "maxlength". Expected Number, got String
浩星
11-22 2171
前言： 在使用iview的表单验证手机号中增加了最大长度校验，然后报错了 解决办法：给maxlength前面加： <FormItem label="手机号码" prop="phone"> <Input v-model="modelData.phone" :maxlength="11" placeholder="请输入手机号码"><...
[Vue warn]: Invalid prop: type check failed for prop "max". Expected Number, got String
李古拉雷
04-09 5316
<x-input max=20>测试文字</x-input> 改成 <x-input :max=20>测试文字</x-input>
el-input maxlength不生效
05-09
如果你使用的是 Element UI 的 el-input 组件，它提供了 maxlength 属性用于限制输入的最大长度，但是有时候可能会出现不生效的情况。这可能是因为你的 el-input 组件被包裹在一个 el-form 组件中，el-form 组件也有一个 maxlength 属性，会覆盖 el-input 的 maxlength 属性。 解决方法有两种： 1. 将 el-input 组件放在 el-form 组件外面，这样 el-input 的 maxlength 属性就不会被覆盖。 2. 在 el-input 组件上加一个 clearable 属性，这个属性会使 el-input 组件在输入框中出现一个清空按钮，但是同时也会使 el-input 组件不受 el-form 的 maxlength 属性影响。例如： ``` <el-form> <el-form-item label="输入框"> <el-input v-model="inputValue" clearable :maxlength="10"></el-input> </el-form-item> </el-form> ``` 以上是两种常见的解决方法，如果还没有解决你的问题，建议检查一下是否有其他地方影响了 el-input 的 maxlength 属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大白菜1号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值