[Vue warn]: Invalid prop: type check failed for prop "maxHeight". Expected Number with value 600, got String with value "600". found in
时间: 2023-12-16 19:27:13 浏览: 209
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
这个错误是因为在Vue组件中,一个prop的类型检查失败了。具体来说,这个prop名字是"maxHeight",期望的类型是Number,值为600,但实际传入的值是一个String类型的"600"。这个错误信息还提供了一个"found in"的提示,可以帮助我们找到出错的组件。
解决这个问题的方法是将传入的值转换为Number类型。可以使用JavaScript中的parseInt()函数将String类型的值转换为Number类型。具体的代码如下:
```javascript
props: {
maxHeight: {
type: Number,
default: 600,
validator: function(value) {
return parseInt(value) === value;
}
}
}
```
在这个代码中,我们使用了props选项来定义了一个名为"maxHeight"的prop。其中,type属性指定了这个prop的类型为Number,default属性指定了这个prop的默认值为600。在validator函数中,我们使用parseInt()函数将传入的值转换为Number类型,并且判断这个值是否等于转换后的值。如果这个值不是一个Number类型,或者转换后的值与原值不相等,那么就会触发类型检查失败的错误。
阅读全文