前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法

前言

在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。

警告提示

在运行项目之后，Chrome的控制台就提示以下报错信息：

[Vue warn]: Invalid prop: type check failed for prop "modelValue". Expected Number with value 5, got String with value "5".  at <VanRate modelValue="5" onUpdate:modelValue=fn<onUpdate:modelValue> size=11  ... >  at <DetailItem detailData= (2) [{…}, {…}] onTrustBuyClick=fn<bound trustClick> >  at <Detail onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {getSpecialData: ƒ, trustClick: ƒ, moreClick: ƒ, …} > key=0 >  at <RouterView>

前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法相关推荐

Invalid prop: type check failed for prop “total“. Expected Number with value x, got String with valu
一.问题在做vue项目分页功能中,出现了Invalid prop: type check failed for prop "total". Expected Number wit ...
vue: Invalid prop: type check failed for prop “action“. Expected String with valu
出现 Invalid prop: type check failed for prop "action". Expected String with value错误原因:使用el ...
Invalid prop: type check failed for prop “total“. Expected Number with value 0, got String with valu
Invalid prop: type check failed for prop "total". Expected Number with value 0, got String ...
【vue警告坑】 Invalid prop: type check failed for prop resultChild. Expected Object, got String with v
[Vue warn]: Invalid prop: type check failed for prop "resultChild". Expected Object, got ...
Vue warn: Invalid prop: type check failed for prop “data“. Expected Array, got Object.
需要数组,但是获取的是对象拉. 但是接口解析处理返回的是数组. 与下面的定义有关.我定义成了对象.png. 正解:
Vant报错：[Vue warn]: Invalid prop: type check failed for prop “lazyLoad“. Expected Boolean, got String
使用vant懒加载设置lazy-load后报错信息: 这里很奇怪,对比官方文档看了下,是设置true没错啊,为什么怎么改都报错解决:v-for循环中要用v-bind,即:绑定属性设置
Invalid prop: type check failed for prop closeOnClickModal. Expected Boolean, got String with valu
element 的弹出框dialog问题,点击页面的别的地方是,弹出框不关闭 close-on-click-modal设成false即可,但是在 <el-dialog close-on-clic ...
Invalid prop: type check failed for prop maxLength. Expected Number, got String.
背景今天使用Ant Design of Vue的input表单的maxlength属性报错了 <a-input:value="value"placeholder=" ...
vue 报错Invalid prop: type check failed for prop “span“. Expected Number, with value 2, got String wit
控制台报错: 错误代码如下: <el-col span="2"><el-buttontype="primary"@click="ha ...
Invalid prop: type check failed for prop centered. Expected Boolean, got String with value true
使用Vue + antDesign的时候,出现这个错误我需要使用的antDesign的组件是modal,官网api介绍为代码中书写: <a-modaltitle="手动添加展位&q ...

前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法

前言

警告提示

前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法相关推荐

最新文章

热门文章