[Vue warn]: Invalid prop: type check failed for prop “columns“. Expected Array, got Undefined

prop传参 效果能实现 但是控制台一直报错

父组件传参：

 

 子组件根据父组件传过来的值进行渲染

但是一直报错 

后来想起来

Prop传参的异步的 子组件渲染的时候可能还没接收到prop参数 

解决方法

在父组件中：给子组件设置ref  通过ref获取子组件身上的方法

在子组件中 把原来需要的获得的数据从prop改成data

设置一个获取数据的方法

getColumn (columns) {
      this.columns = columns
    },

 在父组件中 调用子组件身上的方法 传参给子组件 

this.$refs.area.getColumn([this.moreObj.area, this.moreObj.subway])
      this.$refs.rentType.getColumn(this.moreObj.rentType)
      this.$refs.price.getColumn(this.moreObj.price)