Invalid prop: type check failed for prop “index“. Expected String with value “145“...

vue报错： Invalid prop: type check failed for prop “index”. Expected String with value “145”, got Number with value 145.
中文翻译：无效的属性：属性“索引”的类型检查失败。应为值为“145”的字符串，获取值为145的数字。

一般是使用组件时传参类型错误
例如：使用ElementUI库的el-submenu组件index属性需要传String类型的值，但是id一般时Number类型的，所以报错了

错误示范：

 <el-submenu :index="item.id" v-for="item in menulist" :key="item.id"></el-submenu>

正确示范：

<el-submenu :index="item.id+''" v-for="item in menulist" :key="item.id"></el-submenu>

加性操作符(+)有个规则：
如果只有一个操作数是字符串，则将另一个操作数转为字符串，然后再将两个字符串拼接起来。
可以利用+将其他类型的值转化成字符串类型。

Invalid prop: type check failed for prop “index“. Expected String with value “145“...相关推荐

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 “index“. Expected String with value “145“...

Invalid prop: type check failed for prop “index“. Expected String with value “145“...相关推荐

最新文章

热门文章