报错:[Vue warn]: Invalid prop: type check failed for prop “title“Expected string with value “11“...

valid prop: type check failed for prop "title". Expected String with value "11", got Number with value 11.

前端渣渣高

3422人浏览 · 2023-05-08 11:28:08

前端渣渣高 · 2023-05-08 11:28:08 发布

日常开发：

提示：在日常开发中有很多问题是因为细节上的一些传值方式引起的，以下是一个常见bug

问题描述

在这里插入图片描述

这个报错的意思是
有效的prop: prop "title"的类型检查失败。预期为字符串类型，值为"11"，但实际传入的是数值类型，值为11。

原因分析：

提示：这里填写问题的分析：

以上问题就是说我们转入的值是数字类型的，它要求字符串，找了以下，问题出在遍历的时候没有把值的类型进行转换。

解决方案：

在这里插入图片描述

这里使用toString()进行转换后问题解决。

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^