Invalid prop: type check failed for prop "totalPage". Expected Number with value

1,027 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

本文使用的是element UI的框架,在开发时加载页面刷新时出现的报错。

分页报错:

image.png

父组件传递给子组件数据是异步的 所以初始化的值 要注意类型

报错原因:

image.png

看一下分页组件的封装:

image.png

解决方法一:

在初始化赋值的时候父组件的初始值改为数值类型 或者 写了total:null,把''改成null就ok了

image.png

解决方法二:

允许传递字符串,或者数值类型

image.png

问题总结:

vue的基础报错有很多都是value的赋值问题造成的。可能是类型不一致,也有可能没有赋值或赋值错误,所以在开发的时候一定要注意这些细节。