Invalid prop: type check failed for prop "data". Expected Array, got String.
时间: 2023-11-14 08:05:20 浏览: 545
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
5星 · 资源好评率100%
这个bug的报错信息是"Invalid prop: type check failed for prop 'data'. Expected Array, got Object",意思是期望得到一个数组类型的数据,但实际上传入的是一个对象类型的数据。为了解决这个bug,需要将传入的对象转换成数组。
有很多种方法可以解决这个问题,下面我介绍一种简单的方法。首先,我们定义了一个接收数据的格式report:
```javascript
report: {
'name': '',
'testDate': '',
'testTime': '',
'sex': '',
'age': '',
'testDct': '',
'dctTestDate': '',
'reportDate': '',
}
```
然后,我们将resp.data赋值给report,就会报错了。那么如何解决呢?只需要将report的初始值设置为null即可:
```javascript
report: null
```
这样就不会报错了。接下来,我们需要让table来接收这个数据。在el-table-column中,使用prop属性来绑定数据的字段名,如prop="proName"。然后,在template中使用scope来引用这个字段的值,如{{ scope.row.proName }}。
这样就可以正常显示数据而不报错了。
阅读全文