[Vue warn]: Invalid prop: type check failed for prop “indexId“. Expected

骂骂咧咧唐女士

于 2022-09-20 11:23:20 发布

阅读量564

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_46544598/article/details/126948237

版权

报错警告：

翻译成中文：

[Vue 警告]：无效的 prop：属性的类型检查失败“索引 Id”.具有值 NaN 的预期数字，得到值为“27-e61247c8-79f9-48b1-8dac-08d46a8f2a8b”的字符串。

子组件部分代码：

<model-list @model-attribute-right="showItemAttribute" :indexId="indexId"></model-list>

indexId: 0, //点击选择项id

this.indexId = id;

查看后发现是子组件传值类型有误父组件接收的是Number型我传过去的是String

故转换一下数据类型即可

<model-list @model-attribute-right="showItemAttribute" :indexId="indexId"></model-list>

indexId: 0, //点击选择项id

id = id * 1;
this.indexId = id;

关注