[Vue warn]: Invalid prop: type check failed for prop "pageSize". Expected Number with value 7, got String with value "7".\
时间: 2023-08-18 14:08:34 浏览: 128
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
这个错误提示是由 Vue 框架提供的。根据错误信息,你期望的 prop "pageSize" 的类型应该是一个数字,值为 7。但是实际传入的值是一个字符串 "7",所以类型校验失败了。
要解决这个问题,你可以在传递 prop 的地方将值转换为数字类型。你可以使用 JavaScript 中的 `parseInt` 或者 `Number` 方法来实现,例如:
```html
<template>
<div>
<custom-component :pageSize="parseInt(pageSize)" />
</div>
</template>
```
或者
```html
<template>
<div>
<custom-component :pageSize="Number(pageSize)" />
</div>
</template>
```
这样就能将字符串类型的值转换为数字类型,从而通过类型检查。
阅读全文