Invalid prop: type check failed for prop "pageSize". Expected Number, got Array

根据提供的引用内容，出现错误"Invalid prop: type check failed for prop 'pageSize'. Expected Number, got Array"是因为在el-pagination分页插件的代码中，page-size属性被错误地设置为一个数组而不是一个数字。根据错误信息，期望的类型是数字，但实际上传入了一个数组。

这个错误可能会影响后续代码的运行，因为后续代码可能使用了page-size属性的值，而期望得到的是一个数字而不是一个数组。这可能导致代码逻辑出错或者抛出其他异常。

为了解决这个问题，你需要将page-size属性的值修改为一个数字，例如3。这可以通过在el-pagination标签中的page-size属性上添加v-bind指令并将其设置为一个数字来实现，如下所示：

<el-pagination layout="total,sizes,prev,pager,next" :total="totalPage" :current-page="currentPage" :page-sizes="[3,5,7,10]" :page-size="3" @current-change="editPage" @size-change="editSize"></el-pagination>

请注意，我们将page-size属性设置为`:page-size="3"`，这样Vue会将其解析为一个数字而不是一个数组字符串。

相关问题

Invalid prop: type check failed for prop "pageSize". Expected Number with value 0, got String with value "".

这个错误是因为在组件中的属性类型检查中，期望的数据类型不匹配。根据引用中的错误提示，错误是发生在prop "pageSize"上，它期望的数据类型是Number，但实际传入的值是一个空字符串""，即String类型。这可能是由于没有给"pageSize"属性赋初始值导致的。根据引用的建议，给"pageSize"属性赋一个初始值，比如0，来解决这个问题。

另外，根据引用的猜测，还有可能是在处理事件绑定时的错误写法导致的。如果使用了不带圆括号参数的写法，比如v-on:click="getData"，那么Vue会自动传递一个MouseEvent类型的参数进来，而这个参数的名称可能与属性名称相同，导致属性被错误地赋值。因此，最好还是使用带上圆括号的写法，比如v-on:click="getData()"，来避免这种问题的发生。

总结起来，解决这个错误的方法是给"pageSize"属性赋一个初始值，并且在事件绑定时使用带圆括号的写法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue Invalid prop: type check failed for prop Expected Number](https://blog.csdn.net/phker/article/details/106236719)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [[Vue warn]: Invalid prop: type check failed for prop “pageSize“. Expected Number with value NaN](https://blog.csdn.net/aabb12345687/article/details/131714488)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

Invalid prop: type check failed for prop "pageSize". Expected Number with value 10, got String with value "10".

这个错误的原因是属性pageSize的数据类型不匹配。期望的数据类型是Number，但传入的值是String。具体来说，报错信息中期望的值是10，但实际传入的值是"10"。根据引用和引用的解释，这个错误可能是因为没有给total赋初始值导致的。给total赋初始值后，问题应该会得到解决。另外，引用中提到如果不使用v-bind将page-size属性绑定，则会将3解析为字符串，这可能会影响后续正确的代码运行。这可能是造成这个错误的另一个原因。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [记一次vue数据类型报错，控制台显示需要int类型，而传输了string类型](https://blog.csdn.net/qq_45928041/article/details/123192369)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [[Vue warn]: Invalid prop: type check failed for prop “pageSize“. Expected Number with value NaN](https://blog.csdn.net/aabb12345687/article/details/131714488)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]