Vue warn]: Invalid prop: type check failed for prop "pageSize". Expected Number with value NaN, got String with value "parseInt(10);".
时间: 2023-08-18 19:09:26 浏览: 162
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
该警告是由 Vue 框架抛出的错误,提示你传递给组件的 `pageSize` 属性类型不正确。
根据错误信息,你传递给 `pageSize` 属性的值是一个字符串 `"parseInt(10)"`,而不是一个数字。Vue 期望 `pageSize` 的类型是数字,但实际上它接收到了一个字符串。
要解决这个问题,你需要在传递 `pageSize` 属性时提供一个有效的数字值,而不是一个字符串。可以使用 `parseInt` 函数将字符串转换为整数。例如,将 `"parseInt(10)"` 修改为 `parseInt(10)`。
修改后的代码应该是这样的:
```html
<YourComponent :pageSize="parseInt(10)"></YourComponent>
```
这样就可以正确传递数字类型的 `pageSize` 属性给组件了。
阅读全文