Vue异常:Invalid prop: type check failed for prop

最新推荐文章于 2024-05-03 22:41:59 发布
最新推荐文章于 2024-05-03 22:41:59 发布
阅读量1.7w 收藏 4
点赞数 11
分类专栏： # Vue 文章标签： vue element
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Milogenius/article/details/106892998
版权

一.问题描述

用elementUI写vue 项目 ,在浏览器调试的时候报了这个错误.

Invalid prop: type check failed for prop "border". Expected Boolean, got String with value "true"

原因是给表格加border=“true”,让表格得到竖直的框线.
插件希望得到的是一个布尔值,但是得到的是true的字符串.
在这里插入图片描述

二.解决方案

解决办法:在border="true"前加上一个冒号:
原来的:
在这里插入图片描述
修改后:
在这里插入图片描述

爱写Bug的麦洛
关注
  • 11
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
深入浅析Vue中的Prop
08-27
Prop的基本用法很简单，只需要在子组件的Vue实例中定义该属性并把值设为目标属性的数组即可。这篇文章主要介绍了Vue中的Prop ,需要的朋友可以参考下
【自用】完美解决：Invalid prop: xxx,Expected Boolean, got String with value “true“.
要思考，要努力
11-30 3793
原因是，vue中对于属性值是data中数据或者是boolean类型的时候，属性前面需要加上冒号。#### 2.正确写法（多加个冒号即可）：```html
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 5425
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
Vue错误[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String
熟悉JS拼写的FE
09-15 1万+
Vue-常见错误[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String 前言:项目中遇见 Invalid prop…Expected XXX, got XXX。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object
qq_45796592的博客
08-05 1万+
Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object bug解决
❤ Invalid prop: type check failed for prop “hideRequiredAsterisk“. Expected Boolean, got String with
林太白
09-28 2364
❤【Element】Invalid prop: type check failed for prop "hideRequiredAsterisk". Expected Boolean, got String with v。
Invalid prop: type check failed for prop “collapse“. Expected Boolean, got Function found in
qq_29820687的博客
07-25 1188
参数传错了，修改即可。
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
本文将重点讲解如何解决Vue项目中出现的这个报错问题。 首先，我们分析错误产生的原因。在提供的描述中，作者提到是因为频繁更换网络环境，导致需要在`package.json`的`dev`脚本中更改`--host`参数。在开发过程中，...
vue 子组件watch监听不到prop的解决
10-14
主要介绍了vue 子组件watch监听不到prop的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Invalid prop: type check failed for prop “data“. Expected Array, got Object[已解决]
聪明不喝牛奶的博客
07-23 1万+
[Vue warn]:Invalid prop: type check failed for prop “data”. Expected Array, got Object 要处理这个bug就必须先明白这个bug到底是什么类型是怎么一回事，那字面意思就是说：这是一个非法的数据类型，本来期望的是得到数组但是你给了一个对象。好就到这，问题就很明了，那就是你给的对象要转换成数组了。然后就开始转换，这网上很多的解决方法我就不说了。我来讲讲一个我觉得更简单的解决方法。 首先这是我们定义好的接受的格式 report:
Invalid prop: type check failed for prop “clearable“. Expected Boolean, got String with value “fals
路虽远行则将至，事虽难做则必成。
06-06 501
最近使用uni-app开发h5时，使用uform布局登录界面时候，使用增强输入框发现一个报错。意思是它需要一个布尔类型，你却给了字符串类型。就是没有加：，加了之后有没效果。后面又回去仔细看了一眼文档说的，原来是他说了一个即可，我就没有想直接写上去。其实只用写一个 clearable 就行了（因为默认值时true可不写）- 搞了半天，没仔细看，哎。
[Vue warn]: Invalid prop: type check failed for prop “autofocus“. Expected Boolean, got String with
m0_71876260的博客
06-30 666
vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "autofocus". Expected Boolean, got String with value "true".
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String with value “1“ 解决办法
loricy7的专栏
08-10 2万+
Vue错误提示： [Vue warn]: Invalid prop: type check failed for prop "value". Expected String with value "1", got Number with value 1. 提示的问题：是数据不匹配，传数的是Number类型 ，而组件需要的是String类型 在这里，需要对数据类型进行强制转换即可，用String()强转。 我实际遇到的问题是： 开发uni-app时，使用checkbox-group多选组..
[Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got String.
郭宝的博客
10-08 7万+
问题： 大致意思是prop期待传入布尔值，而你传入的却是字符串，类型错误。 解决思路： 1、首先针对该错误信息可以去GbComponentUploadDialog.vue文件中查找disabled关键字 2、然后通过查看对应的Element官网得知，设置输入框组件禁止输入的正确写法是 :disabled="true" ，而代码中少写了冒号，加上即可。 更...
关于Invalid prop: type check failed for prop "row". Expected String, got Object.的问题及审查办法
热门推荐
Dreamer_xr的博客
09-13 15万+
项目是Vue的，基于elementUI的后台管理系统。 Invalid prop: type check failed for prop "row". Expected String, got Object. 昨天遇到了这么个错误，找了半天，网上也找了很久的资料，有很多跟我遇到的问题类似的有很多，但解决办法形似各样，没有我这种情况的，但还好经过我的不懈努力还是找到了原因。 一、我从父组件传递...
Vue报错（element UI）：type check failed for prop "stretch". Expected Boolean, got String.
chengjingxuang123的博客
08-20 1万+
支柱：类型检查失败的支柱“拉伸”。期望布尔，得到字符串   在报错 ’stretch‘属性前面加 ：即可    
[原创]Warning: Failed prop type: Invalid prop `enablesReturnKeyAutomatically` of type `string` supplie
Summersblue的博客
08-24 1万+
Warning: Failed prop type: Invalid prop enablesReturnKeyAutomatically of type string supplied to TextInput, expected boolean. in TextInput (created by BookBrowser) in BookBrowseranswer: enab
解决Invalid prop: type check failed for prop "model". Expected Object, got Array问题
star的博客
03-21 11万+
前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ” 从后台获取的数据是List类型，需要把它改为Object 获取数据的代码为 this.update = response.data; 改为： this.update = respons...
[vue warn]: invalid prop: custom validator check failed for prop \confirmtyp"
04-27
这个警告信息出现在Vue.js组件中，意思是说被检查的prop属性“confirmtyp”没有通过自定义验证器的检查。这通常是由于接收到的prop属性值不符合自定义验证器的规则导致的。 自定义验证器允许我们对传递给组件的prop属性（也就是组件的外部选项）进行更精细的控制，确保它们具有正确的数据类型、格式或范围。自定义验证器可以通过在组件上设置“props”选项来实现。 要解决这个警告信息，我们需要检查自定义验证器函数的代码，看看是否有错误或者不兼容的数据类型。也需要检查传入的“confirmtyp”属性值是否符合自定义验证器函数的要求，如果不符合就需要进行修改，使符合相应的规则。 最后，如果对自定义验证器的使用不熟悉，可以参考Vue.js的官方文档，详细介绍了如何在Vue组件中使用自定义验证器。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值