Invalid prop: type check failed for prop "column". Expected Number with value 4, got String with value "4".
时间: 2024-01-06 19:25:48 浏览: 69
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
根据提供的引用内容,你遇到了一个错误:Invalid prop: type check failed for prop "column". Expected Number with value 4, got String with value "4"。这个错误是由于你传递给子组件的参数类型不匹配导致的。子组件期望接收一个数字类型的参数,但你传递了一个字符串类型的参数。
为了解决这个问题,你需要确保传递给子组件的参数类型与子组件期望的类型一致。你可以使用parseInt()函数将字符串转换为数字类型。
以下是一个示例代码,演示了如何解决这个问题:
```javascript
// 在父组件中调用子组件的方法,并传递参数
this.$refs.area.getColumn(parseInt(this.moreObj.area));
this.$refs.subway.getColumn(parseInt(this.moreObj.subway));
this.$refs.rentType.getColumn(parseInt(this.moreObj.rentType));
this.$refs.price.getColumn(parseInt(this.moreObj.price));
```
通过使用parseInt()函数将字符串参数转换为数字类型,你可以确保传递给子组件的参数类型与子组件期望的类型一致,从而解决这个错误。
阅读全文