[Vue warn]:Invalid prop: type check failed for prop “data”. Expected Array, got Object

要处理这个bug就必须先明白这个bug到底是什么类型是怎么一回事,那字面意思就是说:这是一个非法的数据类型,本来期望的是得到数组但是你给了一个对象。好就到这,问题就很明了,那就是你给的对象要转换成数组了。然后就开始转换,这网上很多的解决方法我就不说了。我来讲讲一个我觉得更简单的解决方法。

首先这是我们定义好的接受的格式

 report:{
        'name':'',
        'testDate':'',
        'testTime':'',
        'sex':'',
        'age':'',
        'testDct':'',
        'dctTestDate':'',
        'reportDate':'',
      }

resp.data 赋值给他

然后很顺理成章的就报了这个错!!!!

那么怎么解决呢?那table 又怎么去接收数据呢????

改一个地方就行!!!

 report: null

这样的ok了!!!

table如何接收这个呢?

 		<el-table-column
          align="center"
          prop="proName"
          label="项目名称"
        >
        <!--这样接收的话就可以了-->
          <template slot-scope="scope">
            {{ scope.row.proName }}
          </template>
          
        </el-table-column>

结果

在这里插入图片描述
正常显示不报错!!!!!

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐