Invalid prop: type check failed for prop "newTableData". Expected Object, got Array
时间: 2023-10-18 07:25:29 浏览: 84
这个错误是因为在 Vue 项目中,父组件向子组件传递了一个类型为数组的属性 "newTableData",但是子组件中对应的属性的类型却是对象,导致类型检查失败。根据引用和引用的解决方法,我们需要将子组件的属性 "newTableData" 的类型改为数组,并且设置一个默认值。修改子组件的代码如下所示:
```javascript
export default {
props: {
newTableData: {
type: Array, // 修改类型为数组
default: () => [] // 设置默认值为一个空数组
}
}
}
```
这样修改后,父组件传递给子组件的 "newTableData" 属性就会被正确地识别为一个数组类型,解决了类型检查失败的错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue报错:Invalid prop: type check failed for prop “roleList“. Expected Object, got Array 解决方法](https://blog.csdn.net/qq_41782425/article/details/132202943)[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 ]
阅读全文