Invalid prop: type check failed for prop "data". Expected Array, got Object
时间: 2023-11-14 09:57:30 浏览: 90
解决vue props传Array/Object类型值,子组件报错的情况
5星 · 资源好评率100%
这个错误发生在给定的数据类型与期望的数据类型不匹配时。具体来说,在这个例子中,期望的数据类型是一个数组,但是给定的数据类型是一个对象。解决这个问题的方法有很多,我会提供一种简单的解决方法。
首先,我们需要明确报错的具体位置。根据引用提供的信息,错误是在接收数据的地方发生的,具体是在`report`变量赋值的位置。为了解决这个问题,我们可以将`report`变量的初始值设置为`null`,即`report: null`。这样,即使给定的数据类型是一个对象,也不会报错。
接下来,我们需要确定如何在`table`组件中接收数据。根据引用和提供的信息,我们可以使用`prop`属性来指定要显示的数据字段。例如,对于`proName`字段,我们可以使用以下代码来接收数据:
```
<el-table-column align="center" prop="proName" label="项目名称">
<template slot-scope="scope">
{{ scope.row.proName }}
</template>
</el-table-column>
```
通过以上的修改,我们可以解决报错问题并且正常显示数据。希望这个解决方法对您有帮助。
阅读全文