Vue 警告: Failed setting prop “prefix“ on ＜input＞: value [object Object] is invalid..........

最新推荐文章于 2024-05-03 22:41:59 发布
最新推荐文章于 2024-05-03 22:41:59 发布
阅读量2.5k 收藏
点赞数
分类专栏： 错误处理 前端 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51033461/article/details/126055836
版权

vue警告内容

[Vue warn]: Failed setting prop “prefix” on : value [object Object] is invalid. TypeError: Cannot set property prefix of # which has only a getter

在这里插入图片描述

错误处理

发生这个错误的原因在于我们设置的props某个前缀名不正确，这个时候我们只需要删除这个前缀名或者改正即可。出现这个错误基本属于粗心导致
在这里插入图片描述

讷言丶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue - ＜transition＞ can only be used on a single element. Use ＜transition-group＞ for lists. 解决方案
王佳斌
07-13 8263
Vue - can only be used on a single element. Use for lists. 解决方案在 项目中，使用内置组件 收到了以下控制台报错： 看看是否存在包裹多个节点的问题，如下代码所示： 以上代码就会报错，因为 组件内部 嵌套的节点只能有一个，不能有多个。将以上代码改为：...
前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法
软贱开发攻城狮
04-04 1万+
前言 在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。 警告提示 在运行项目之后，Chrom
解决报错Invalid prop: type check failed for prop “value” .Expected String, Number, got Array 并实现子传父展示在页面
m0_65274248的博客
10-09 4500
解决报错Invalid prop: type check failed for prop “value” .Expected String, Number, got Array 并实现子传父展示在页面。并跨页多选
Uncaught InvalidStateError: Failed to set the ‘value‘ property on ‘HTMLInputElement‘
qq_45701130的博客
06-24 1800
如果对手动修改value属性时就会报此错误。出于安全考虑，file的value是只读属性，只能由用户来选择要上传的文件，不能由程序代码来设置。
[Vue warn]: Missing required prop: “value“报错解决
weixin_44665318的博客
11-23 1929
[Vue warn]: Missing required prop: "value"报错解决方法
Missing required prop: “value” 报错的解决办法
m0_75278118的博客
06-27 774
问题原因：在VUE中使用elementUI的el-select组件时出现报错。情况1：el-select中没有进行双向数据绑定（v-model）情况2：el-option没有进行value赋值。
父子组件传参时子组件的devtools可以监测到数据成功传递页面正常渲染但是控制台报错
lyx9904的博客
03-03 394
提示title未定义，但我发现此时页面已经正常渲染成功，通过devtools工具发现数据也已经正常传递 但是为什么还是会报错呢？ 通过网络请求的结果进行赋值（this.goodsdetails = res.result，再将goods details传递给子组件）， 在then里面进行赋值，这一步是异步操作， 但是有可能一开始再子组件页面创建成功的时候，赋值操作还未完成，所以传递给子组件的对象未空，所以自然会出现报错title未定义。 解决方案： 在子组件一创建的时候进行判断传过来的数据是否为空，若为空.
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 “model“. Expected Object, got String with value “l
weixin_43413645的博客
04-19 4007
4/19 在写vue项目注册页面中rules规则的时候，反复验证prop和rules中值相同的情况下，运行一直产生报错 <template> <div> <div id="register" class="box" > <h3>注册登录页面</h3> <el-form ref="ruleform" :rules="rules" model="loginForm" label-width="20%"> .
Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with va
游海东的技术专栏
09-04 1万+
1、错误描述 vue.runtime.esm.js:631 [Vue warn]: Invalid prop: type check failed for prop "name". Expected String with value "17", got Number with value 17. found in ---> <ElCheckbox> at package...
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 5839
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
DOMException: Failed to set the ‘value‘ property on ‘HTMLInputElement‘:
Mr_Van的博客
08-02 8112
This input element accepts a filename, which may only be programmatically set to the empty string 学习Vue的路上又遇到了个小坑，关于file数据绑定的问题。 DOMException: Failed to set the ‘value’ property on ‘HTMLInputElement’: This input element accepts a filename, which may only
控制台警告Invalid prop: type check failed for prop “modelValue“. Expected Number with value 0, got String
Daisy_ls的博客
10-26 1万+
Invalid prop: type check failed for prop "modelValue". Expected Number with value 0, got String with value "0".
[Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Number, got Null.
weixin_39818813的博客
07-14 2268
错误场景： vue 渲染下拉框的时候报这个错，value传了个空 报错内容： [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Null. 代码： <Select v-model="form.merchant" @on-change="changeWholeLink" clearable> <Option v-for="item inMercha
Invalid prop: type check failed for prop value
热门推荐
niaonao
08-06 10万+
Vue 报错 Invalid prop: type check failed for prop "value" 问题处理
TypeError: Cannot read property 'setData' of undefined如何解决这个报错
weixin_42613360的博客
01-11 3333
这个错误表明你在访问一个未定义的对象的 "setData" 属性。这可能是由于你没有正确引用这个对象或者这个对象没有 "setData" 属性造成的。 解决方法： 检查是否正确引用了这个对象 检查这个对象是否有 "setData" 属性 检查这个对象是否在正确的作用域内 检查你是否正确初始化了这个对象 如果无法解决问题，请提供更多上下文代码和细节，我将尽力帮助您。 ...
VUE 项目浏览器端出现红色 warn 信息：[Vue warn]: Invalid prop: type check failed for prop “options“. Expected Arr
YHLSunshine的博客
04-20 3985
VUE 项目浏览器端出现红色 warn 信息：[Vue warn]: Invalid prop: type check failed for prop "options". Expected Arr
[Vue warn]: type check failed for prop "value". Expected Number with value 0, got String with value
dingdingV587的博客
09-24 4912
[Vue warn]: type check failed for prop “value”. Expected Number with value 0, got String with value@TOC 报错警告： [Vue warn]: Invalid prop: type check failed for prop “value”. Expected Number with value ...
解决Vue报错解决Invalid prop: type check failed for prop “model“. Expected Object, got Array的问题
weixin_51641169的博客
08-11 2万+
解决Invalid prop: type check failed for prop “model“. Expected Object, got Array的问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

讷言丶

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

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

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

打赏作者

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

抵扣说明：

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

余额充值