[Vue warn]: Invalid prop: type check failed for prop "span". Expected Number with value 12, got String with value "12".
时间: 2024-01-16 10:18:28 浏览: 181
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
这个问题是由于prop***检查失败导致的。期望的类型是Number,但实际传入的是String类型。为了解决这个问题,你可以将传入的值转换为Number类型。你可以使用parseInt()函数将字符串转换为整数。代码如下所示:
```javascript
props: {
span: {
type: Number,
default: 12,
validator: function(value) {
return parseInt(value) === value;
}
}
}
```
在上面的代码中,我们使用了validator属性来验证传入的值是否为整数。如果传入的值是一个字符串,它将被转换为整数并与原始值进行比较。如果它们相等,则验证通过。
阅读全文