# 2.el-table自动计算最大高度

<script type="text/ecmascript-6">
export default {
  methods:{
    addClick(){
      this.$bus.$emit('add-click')
    },
    resizeHandler () {
      // tableWrapper是el-table外面的容器
      // let { height } = this.$refs.tableWrapper.getBoundingClientRect() 
      let  height  = this.$refs.tableWrapper.clientHeight // 以下写法兼容IE
      height === 500 ? this.maxHeight = 500 : this.maxHeight = 300
    }
  },
  beforeMount () {
    window.addEventListener('resize', this.resizeHandler)
  },
  mounted(){
    this.resizeHandler()
  },
  beforeDestroy () {
    window.removeEventListener('resize', this.resizeHandler)
  }
}
</script>