type check failed for prop "total". Expected Number with value 0, got String with value "".
时间: 2023-10-18 17:59:46 浏览: 87
这个报错是由于传递给属性 "total" 的值的类型不正确引起的。报错信息显示期望的值是一个数值类型的0,但实际传递的是一个字符串类型的空值。在Vue中,属性的类型检查是很重要的,如果传递的值的类型与属性定义的类型不匹配,就会报错。
根据引用的分析,问题可能是因为没有给 "total" 属性赋初始值导致的。在Vue组件中,如果没有给一个属性赋初始值,那么它的值会被默认设置为空字符串。为了解决这个问题,你可以在data属性中给 "total" 设置一个默认值。
例如,你可以在data属性中添加一个 "total" 属性,并给它一个数值类型的初始值:
```javascript
data() {
return {
total: 0
}
}
```
这样,在组件中使用 "total" 属性时,就会有一个默认的数值类型的初始值,避免了传递空字符串而引起的类型错误。这样就解决了报错问题。引用中总结的是在Vue开发中,很多基础的报错都是由于值的赋值问题引起的。因此,在开发过程中,一定要注意细节,特别是属性的赋值和类型匹配的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [使用element-ui中 Invalid prop: type check failed for prop “total“. Expected Number with value NaN...](https://blog.csdn.net/weixin_45721912/article/details/116481638)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文