正常的场景是这样的   

<div>
      <el-table :height="tableH">
        <slot></slot>
      </el-table>
</div>

这是 element-ui的table组件   那边 props绑定一个heght  变量  tableH

意思是可以让表单  tbody部分 超过  tableH的  值之后  垂直滚动

但是  这个我把table+分页  封装成了一个组件 ，这意味着，     tableH 如果不设置高度  列表内部 会锁紧  或 没高度，

我试过tableH:auto  是不行的 ，后面看了下 element-ui 的  table.js源码，你会发现下面这个

所以 答案  很简单  默认值是undefined 就可以了 

data:{
    tableH:undefined
}

问题描述

methods: {
    sayHi(){
        alert('hi');
    }
},
props: {
    keyword: {
        default: 'a'
    },
    say: {
        type: Function,
        default: this.sayHi
    }
}

 函数sqyHi未定义。

官方文档

https://cn.vuejs.org/v2/guide/components-props.html 

问题分析

Vue 在初始化实例对象状态的时候，prop 会在一个组件实例创建之前进行验证，在 methods 和 data 之前，所以即使用工厂函数this也不指向组件实例

唯一能与methods共享function的方法是把function单独写在实例外

解决方案

function sayHi() {
  alert('hi');
}

export default {
  methods: {
    sayHi,
  },
  props: {
    say: {
      type: Function,
      default: sayHi,
    }
  }
}

参考文章

https://segmentfault.com/q/1010000019746756/

一、通常用法：

父组件

<button :name="name"></button>

子组件：

props: ["name"]

二、传参：

父组件：

<button :name="name"></button>

子组件：

props: {
  name: {
    type: String,    //type: [String, Number]
    default: "default"
  }
}

如果传递Array|Object类型值得时候，会报以下错误

 解决办法：

props: {
  name: {
    type: Array,
    default: () => []
  }
}