Invalid prop: type check failed for prop “src“. Expected String with value “[object Object]“

最新推荐文章于 2023-08-04 14:58:02 发布
最新推荐文章于 2023-08-04 14:58:02 发布
阅读量1.6w 收藏 4
点赞数 1
分类专栏： 小知识点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45890764/article/details/120311290
版权

javascript
错误原因：使用计算属性保底的时候没有考虑到值的类型的问题

example：

<image class="imgTop" src="{{succImgTop}}"></image>
//保底
  succImgTop() {
        return this.pageData.topImage || {}
      },
怕没有值报错，计算属性整保底，但是src后边跟的都是字符串，所有导致呢出现这种问题。

111
修改方法：

  succImgTop() {
        return this.pageData.topImage || ''
      },
%程序羊%
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
wbajsjhhhhh的博客
05-03 5513
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
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解决
Vue报错：Invalid prop: type check failed for prop "...". Expected String with value "1", got Number 1
Super__Duan的博客
05-13 1万+
Vue报错：Invalid prop: type check failed for prop “…”. Expected String with value “1”, got Number with value 1 Expected String with value “1”, got Number with value 1 期望的是String类型，但是传的值是Number类型，所以把String转换成Number 换为 ...
[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 “currentPage“. Expected String with value “1“
qq_44267691的博客
10-10 5652
因为我是把这个currentPage变量存到了localStorage里面，存进去的是int类型，拿出来的就是string类型了，所以再次复制给currentPage变量会有类型冲突。解决方法：将localStorage的数据变量拿出来时转换成int类型就好（ 通过parseInt()函数实现 ），保持前后变量赋值始终一致。出现这个的原因是因为定义的初始currentPage变量为整型，后面赋值时变为了string类型。当然一开始的data()里面定义变量也要为整型。
【解决报错】Invalid prop: type check failed for prop “index“. Expected String with value “undefined“, got
weixin_48927323的博客
06-16 2298
在使用elementUI循环渲染导航的过程中会出现如下警告报错翻译：无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义将:index=“item.path” 改为:index="item.path + ’ ’ " 完美解决原因：elementUI的index是字符串格式，加一个‘ ’，将后台数据转换为字符串，那个item确实没有path这个属性，所以返回undefined。最好给那个item加个path属性，或者干脆换个属性，比如name，所有item都有这个属性就
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
官方资料：Oracle 11g中的信息集成.pdf
06-22
官方资料：Oracle 11g中的信息集成 数据集成技术路线图；数据迁移技术；数据联合技术；数据库网关；数据复制技术；流技术:体系架构；ELT技术；OWB；数据清洗；匹配-合并；数据对象设计-统一编辑器；...
Check failed: error == cudaSuccess (74 vs. 0) misaligned address
01-08
modifying cudnn_conv_layer.cpp and aligning the address to be multiples of 32. You can insert tow lines of code before size_t total_max_workspace = ... as follow: size_t m=32; ...
TypeError: unsupported format string passed to NoneType.__format__
12-22
Traceback (most recent call last): File "C:/Users/Lenovo/PycharmProjects/untitled3/text6.py", line 49, in printGoodsList(infoList) 序号 价格 商品名称 File "C:/Users/Lenovo/PycharmProjects/...
ERROR ITMS-90062: “This bundle is invalid. The value for key CFBundleShortVersionString [1.2] …
01-07
The value for key CFBundleShortVersionString [1.2] in the Info.plist file must contain a higher version than that of the previously approved version [1.15] 明明1.2的版本号要大于1.15，怎么还会出现错误...
【下拉框报错Invalid prop: type check failed for prop “value“. Expected String | Number | Boolean | Object】
regretTAT的博客
08-04 487
原因：数据没返回的时候是null 可以理解为 :value=null 数据慢了一步、
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String with value “1“ 解决办法
Khun_HWJ的博客
06-29 6181
提示的问题：是数据不匹配， 传数的是Number类型 ，而组件需要的是String类型 在这里，需要对数据类型进行强制转换即可，用String()强转。 that.permission = String(res.data.permission.value);
vue: Invalid prop: type check failed for prop “action“. Expected String with valu
Smile_666666的博客
02-10 4811
出现 Invalid prop: type check failed for prop “action”. Expected String with value错误 原因：使用el-upload 上传组件没写 action，写上就不会报错了 <el-upload action="#"> <img class="icon-img" src="@/assets/37.png"/> </el-upload>
Invalid prop: type check failed for prop “index“. Expected String with value “undefined“,
Xwz的博客
04-07 4134
在引入ElementUI进行渲染时,在项目中用v-for的时候报了这个错，看到[Vue warn]基本上是Vue在处理数据的并且渲染到页面的组件上出现了错误。 一般找不到在哪里报错,需要找到渲染的组件看看他的绑定值，尤其是index或者key有没有取不到的值 这行中subindex中最终出现这样的问题,结果导致整个菜单框渲染报错。 报错翻译：无效属性：属性“index”的类型检查失败。应为值为“undefined”的字符串，但未定义。 将:index=“subIndex"或唯一路径inde.
Invalid prop: type check failed for prop “handleTime“. Expected String with value “0“, got Number...
weixin_50261167的博客
11-01 373
传参类型要写对
Invalid prop:type check failed for prop“value“.Expected String with value“8“,got Number with value 8
m0_46467215的博客
07-31 3743
[vue]Invalid prop:type check failed for prop"value".Expected String with value"8",got Number with value 8
[Vue warn]: Invalid prop: type check failed for prop "value". Expected Array, got String with value
GUOSHENGYA77947的博客
11-11 2726
[Vue warn]: Invalid prop: type check failed for prop “value”. Expected Array, got String with value “”. vue + Element ui开发过程中，用到Cascader 级联选择器时，翻译报错提示为：属性“value”的类型检查失败。应为数组，获取值为“”的字符串。 检查下来，发现绑定的v-mo...
Invalid prop: type check failed for prop "src". Expected String with value "[object Object]", got Object
最新发布
09-02
这个错误是由于给属性绑定了一个错误的类型而引起的。具体来说，当给"src"属性绑定了一个对象类型的值时，而这个属性期望的是一个字符串类型的值，所以就会报错"Invalid prop: type check failed for prop 'src'. Expected String with value '[object Object]', got Object"。 要解决这个问题，有两种方式可以尝试。第一种是确保给"src"属性绑定的值是一个字符串类型的值，而不是一个对象类型的值。你可以通过在计算属性中对属性进行处理，如果属性是一个对象，则返回一个字符串形式的值。 第二种方式是在模板中使用条件渲染，只有在属性存在并且是一个字符串类型的值时才渲染该属性。这样可以避免给属性绑定一个错误的类型。 例子: ``` <template> <div> <image v-if="typeof src === 'string'" class="imgTop" src="{{src}}"></image> </div> </template> ``` 这样做可以确保当属性的类型不正确时，不会渲染该属性，从而避免出现错误。请根据你的具体情况选择其中一种方式来解决这个问题。如果你需要更多的帮助，请提供更多的代码和错误信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vue报错Invalid prop: type check failed for prop “value“. Expected String, Number, got Array](https://blog.csdn.net/weixin_45102492/article/details/114440713)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [Invalid prop: type check failed for prop “src“. Expected String with value “[object Object]](https://blog.csdn.net/weixin_45890764/article/details/120311290)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值