使用element-ui中 Invalid prop: type check failed for prop “total“. Expected Number with value NaN报错详解

Invalid prop: type check failed for prop “total”. Expected Number with value 0, got String with value “”.

问题重现：
本文使用的是elementUI的框架，在开发时加载页面刷新时出现的报错。

问题分析： 发现报错total值为“”,于是去data属性里面去查看total的变量。发现total默认的值为“”，所以分析可能是没有赋初始值的原因引起的，所以我给total赋了一个初始值，这个问题就迎刃而解了。

把data的中Total的值设置一个默认值 就不会报错了 如下图：

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