iview提示Invalid prop: custom validator check failed for prop “type“解决

最新推荐文章于 2024-01-09 14:26:15 发布
最新推荐文章于 2024-01-09 14:26:15 发布
阅读量1.5w 收藏
点赞数 1
分类专栏： iView 文章标签： vue.js yarn
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010312671/article/details/109778531
版权

报错如下：

提示：Invalid prop: custom validator check failed for prop “type”
在这里插入图片描述

解决

由上图可见，是input标签的type引起的报错。
在这里插入图片描述
在ivew官网文档中，input标签的type类型不支持hidden属性值，因此要么改，要么屏蔽即可。

详情请参考iview官方文档：http://v1.iviewui.com/components/input
在这里插入图片描述

瓜仙人
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
Laravel-iview-admin:整合laravel和iview-admin
05-18
整合laravel和iview-admin 开发步骤 yarn (或 npm install) yarn run dev (或 npm run dev) php artisan serve (或者用普通方式启动laravel项目)
vue2-iview2-admin:基于vue2和iview2的后台管理系统
03-11
介绍 vue2-iview2-admin是基于vue2 + iview2 + axios + webpack2为主要技术，开发的一个后台管理系统。 截图 登录界面登录进去之后的表格登录进去之后的echarts图表展示 表格表单展示 安装 可以有多种方法进行安装。 使用命令行 的github 前叉当前库 复制一下命令到您的目录 https://github.com/hanjiangxueying/vue2-iview2-admin.git 浏览器支持 IE 9+ Firefox（最新） Chrome（最新） Safari（最新） 运行项目 进入vue2-iview2-admin运行一下命令安装依赖包。 npm install 安装完成之后，开始运行项目。 npm run dev 编译项目 运行一下命令： npm run build 自动会在浏览器中打开的地址，如第一幅图所示：用
iview-FuncTable:基于iview框架的功能表格组件
05-17
iview-FuncTable 基于iview框架的功能表格组件 目前支持的功能：表头筛选/查询/分页/批量操作/刷新 更新记录 演示 表格操作(批量与单项) 表格分页/查询/刷新 表格筛选(check模式) 表格筛选(transfer模式) 功能 支持表格列筛选（勾选框、穿梭框两种模式）（100%） 支持分页（100%） 支持搜索（100%） 支持批量操作（100%） 支持查询(100%) 支持iview中原生支持的所有table事件与属性，详情见（100%） 用法 <!-- template --> <func-table id="table-001" :data="data" :refreshable="refreshable" :columns="handledColumns" :pageConfig="pageConfig" :searchConfig="
mpvue-iview-weapp:使用mpvue导入iview-weapp
04-24
mpvue-iview-weapp 使用mpvue通过usingComponents导入 预览 1. git clone git clone https://github.com/wkl007/mpvue-iview-weapp.git 2. 安装依赖 cd mpvue-iview-weapp && npm install 3. 启动程序 npm run dev 4. 预览 打开微信开发者工具，新建项目，将目录指向 /dist/wx 即可 问题 若原生组件通过click事件，即this.triggerEvent('click', { index })来进行父子组件通信，mpvue无法从event.mp中读取到正确的detail，原因是因为mpvue将click事件编译为tap导致this.triggerEvent('click', { index })无法找到click句柄 暂时解决方案
uView使用u-textarea报警告 Invalid prop: custom validator check failed for prop “confirmType“.
最新发布
qq_52499745的博客
01-09 539
在使用u-textarea时一直报以上的警告，解决办法在标签中加。
Invalid prop: custom validator check failed for prop “type“ 解决思路
子墨将的博客
02-07 2万+
代码中出现了: [Vue warn]: Invalid prop: custom validator check failed for prop “type” 翻译过来表示的意思为 [Vue warn]：无效的属性：属性“类型”的自定义验证程序检查失败。 也就是标签中“type”这个属性出现了问题。 此使用的是ant-vue组件。 控制台提示如下： [Vue warn]: Invalid prop: custom validator check failed for prop "type". found
解决[Vue warn]: Invalid prop: custom validator check failed for prop “type“. found in ---＞ ＜Button＞
Codernmx
09-23 2078
[Vue warn]: Invalid prop: custom validator check failed for prop “type”. found in —> 错误信息提示 是button 的type出错了 经过排查发现 多写了type=“defult” 主要是使用iview 可能是不同版本之间的差异
在 uniapp 中使用 textarea 报错 “Invalid prop: custom validator check failed for prop “confirmType“” 及解决
qq_46034942的博客
11-08 2641
亲测解决在 uniapp 中使用 textarea 报错 “Invalid prop: custom validator check failed for prop "confirmType"” ，只需一行代码
[Vue warn]: Invalid prop: custom validator check failed for prop "type".错误
热门推荐
fengsx0521的博客
05-17 6万+
遇到错误如下， [Vue warn]: Invalid prop: custom validator check failed for prop "type". found in ---&gt; &lt;Button&gt; &lt;Modal&gt; &lt;SubjectArrange&gt; at src\views\teaching\subjec...
[前端系列] 解决Invalid prop: custom validator check failed for prop "type"
程序员老狼专注开发aigc或客服系统应用
11-01 4275
在使用vue框架的elementui开发的时候 遇到了这样的错误 Invalid prop: custom validator check failed for prop "type" 这是因为，这个组件的type属性值写错了，检查一下 有的时候是多了空格，有的时候是固定的几个值，但是自己写错误了 我是因为固定的这几个值primary / success / warning / danger /...
iview-for-taberareloo:Taberareloo 的 iview
07-12
Taberareloo 的 iview 从 用作 对 SITEINFO 使用 iview 安装 打开 Google Chrome、SRWare Iron 或 Opera 17+ 安装 安装 打开上面的链接 右键单击页面 在 Taberareloo 菜单上选择“补丁 - 安装这个” 如何使用 ...
#Uniapp 解决报错：nvalid prop: custom validator check failed for prop “type“
Codernmx
11-26 1773
❤️在繁华中自律，在落魄中自愈❤️ Uniapp中 报错：nvalid prop: custom validator check failed for prop “type”. found in —> PageHead> 意思是说 参数type 不对 解决办法： 根据提示在 psge.json 中的页面找到提示的关键字，修改就行，主要是写的不符合官方文档的规范。比如有些标题颜色主题啥的只能用哪几种，自己另外写可能就不对了。 我这里将 type 注释就可以了。 ...
iview中遇到的哪些坑
南边木
12-02 790
一：1.iview的input报错：Invalid prop: custom validator check failed for prop “type”. 这个错误中文翻译是：自定义验证器检查prop“类型”失败 出现的原因看看自己是不是写 在iview当中明确规定input的type只能是 所以，如果想要使用input的number，其实iview里面有一个专门的标签：InputNumbe...
解决[Vue warn]: Invalid prop: custom validator check failed for prop “type“.
qq_45094682的博客
09-06 6531
解决方案[Vue warn]: Invalid prop: custom validator check failed for prop “type”. 今天在调试代码的时候不小心把多余的数字带进去了，导致代码一直报错 找到type 在类型状态哪里加了个1，去掉就好了
uniapp使用uview中的Textarea报错nvalid prop: custom validator check failed for prop confirmType. found in
weixin_69666355的博客
05-08 371
在标签中加confirm-type="send"
[Vue warn]: Invalid prop: custom validator check failed for prop “type“.
weixin_43784341的博客
10-19 1749
2vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: custom validator check failed for prop "type". found in ---> <Input> <IForm> <Modal> <Row> <ApplicationShell> at src/view/conf
uView组件问题汇总
xiaoxian_xian的博客
11-28 561
uView组件问题汇总
Invalid prop: custom validator check failed for prop “pagination“
LANZHENREN的博客
05-05 2万+
Invalid prop: custom validator check failed for prop "pagination"
[Vue warn]: Invalid prop: custom validator check failed for prop
weixin_45124380的博客
06-29 3734
解决方案 原因:定义为"" 实际上是[] custom ："" //改为 custom:[]
iview pageTable type:selection时自定义选框样式
06-01
在 iView 的 `PageTable` 中，当设置 `type:selection` 时，可以对选框进行自定义样式。可以通过以下两种方式实现： 1. 通过 `slot-scope` 自定义选框 在 `PageTable` 组件的 `selection` 插槽中，可以自定义选框的样式。例如： ```html <template> <PageTable :columns="columns" :data="data" :type="'selection'"> <template slot="selection" slot-scope="{ row, $index }"> <div class="my-checkbox" @click="onSelect($index)"> <Icon :type="isSelected($index) ? 'md-checkmark' : 'md-square-outline'" /> </div> </template> </PageTable> </template> <script> export default { data () { return { selected: [] } }, methods: { onSelect (index) { const i = this.selected.indexOf(index) if (i > -1) { this.selected.splice(i, 1) } else { this.selected.push(index) } }, isSelected (index) { return this.selected.indexOf(index) > -1 } } } </script> <style scoped> .my-checkbox { cursor: pointer; width: 20px; height: 20px; border: 1px solid #999; border-radius: 4px; display: flex; align-items: center; justify-content: center; } </style> ``` 其中，`isSelected` 方法用于判断某一行是否被选中，`onSelect` 方法用于处理选中事件。 2. 通过 CSS 自定义选框 可以通过 CSS 自定义选框的样式，例如： ```html <template> <PageTable :columns="columns" :data="data" :type="'selection'" class="my-table"> </PageTable> </template> <style scoped> .my-table .ivu-checkbox { margin-right: 10px; } .my-table .ivu-checkbox .ivu-checkbox-input { border: 1px solid #999; background-color: #fff; border-radius: 4px; } .my-table .ivu-checkbox .ivu-checkbox-inner { width: 16px; height: 16px; } .my-table .ivu-checkbox .ivu-checkbox-inner::after { width: 8px; height: 8px; top: 3px; left: 3px; border-radius: 2px; background-color: #333; } </style> ``` 其中，`.ivu-checkbox` 是 iView 内置的选框类名，可以通过该类名对选框进行样式定制。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

瓜仙人

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

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

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

打赏作者

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

抵扣说明：

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

余额充值