vue报错Error in render: "TypeError: Cannot read property 'length' of undefined"

今天在vue开发的过程中,父组件向子组件传递一个数组列表循环的过程中,数据显示出来了,但是浏览器console总是报这个warning

vue报错Error in render: "TypeError: Cannot read property 'length' of undefined"

一级数组的时候直接渲染没有问题,但是一级包含对象又包含数组的时候,就会出现这个warning提示
返回数据的结构如下:

list:[
 {
    pic_list:['1111.jpg','222.jpg'],
    info:{id:1,name:'name'},
    child_list:[
      {item_id:1,type:2},
      {item_id:2,type:2},
    ]
  },
  {
    pic_list:['1111.jpg','222.jpg'],
    info:{id:1,name:'name'},
    child_list:[
      {item_id:1,type:2},
      {item_id:2,type:2},
    ]
  }
]

最初的渲染是这样的

解决方法:

你可能感兴趣的:(vue报错Error in render: "TypeError: Cannot read property 'length' of undefined")